body { font-size: 14px; color: #73879C; }

h1 { font-size: 2.2em; margin: 1em 0 0.5em 0; padding: 0;}
h2 { font-size: 1.6em; margin: 0.8em 0 0.5em 0; padding: 0;}
h3 { font-size: 1.2em; margin: 0.6em 0 0.5em 0; padding: 0;}

h2.section-title { margin: 0.5em 0 0.3em 0; padding: 0; font-size: 1.4em; }

.layout {
  display: table;
}

#layout-left-menu {
  display: table-cell;
  background: #2d3e4f;
  vertical-align: top;
  padding: 1em;
  background: #2d3e4f;
  border-radius: 0 0 5px 0;
  color: #93a7bC;
  text-align: center;
}

#layout-left-menu a { color: #eee; text-decoration: none; }
#layout-left-menu a i.fa { color: #eee; }

#layout-left-menu a:hover, #layout-left-menu a.active  { color: #1ABB9C; text-decoration: none; }
#layout-left-menu a:hover i.fa, #layout-left-menu a.active i.fa { color: #1ABB9C; }

#layout-content {
  display: table-cell;
  width: 100%;
  padding: 0;
  margin: 0;
}

.hdr {
  background: #EDEDED;
  border-bottom: 1px solid #D9DEE4;
  display: table;
  width: 100%;
  margin: 0;
}

.hdr h1 {
  margin: 0;
  padding: 0.2em 0;
  font-size: 1.6em;
  width: 100%;
}

.hdr a { color: #73879C; text-decoration: none; }
.hdr h1 a { margin-right: 0.3em; }

.hdr .left-block {
  display: table-cell;
  padding: 0.2em 1em;
}

.hdr .right-block {
  display: table-cell;
  padding: 0.2em 1em;
  text-align: right;
}

#footer {
  text-align: center;
  margin: 5rem;
}

#footer .contacts {
  margin-top: 1rem;
  font-size: 1rem;
}

/* filters */
.filter-block {
  display: none;
}

.filter-block.active {
  display: block;
}

.filter-block p {
  display: inline-block;
  padding: 0.3em;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 0.4em;
}

.filter-block label {
  display: block;
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
}

.filter-block input, .filter-block select {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 1em;
  line-height: 1em;
  padding: 0.2em 0.4em;
}

.filter-block.inline label { display: inline-block; }

.filter-block.tiny label { display: none; }
.filter-block input { font-size: 1em; }
.filter-block.tiny p { border: 0; padding: 0; }
.filter-block.tiny .btn { padding: 1px 0.4em 0 0.4em; }
.filter-block.tiny .btn i { padding: 0; margin: 0; }


/* eof filters */

/* menu */
.nav-lg { border-bottom: 1px solid #ddd; margin-bottom: 0.6em;}
.nav-lg a {
  font-size: 1.24em;
  text-decoration: none;
  display: inline-block;
  margin: 0 0.5em 0 0;
  color: #73879C;
    white-space: nowrap;
}
.nav-lg a { padding: 0.2em 0.6em 0.2em 0; }
.nav-lg a.active, .nav-lg a.active i { color: #1ABB9C; }

.nav-sm { margin-bottom: 0.3em; }
.nav-sm .btn-default { background: white; }
.nav-sm .btn { margin-bottom: 0.5em; }

.nav-sm a { white-space: nowrap; }


.nav-xs { border-bottom: 1px solid #ddd; margin-bottom: 0.6em;}
.nav-xs a {
  font-size: 1em;
  text-decoration: none;
  display: inline-block;
  margin: 0 0.5em 0 0;
  color: #73879C;
    white-space: nowrap;
}
.nav-xs a { padding: 0.2em 0.6em 0.2em 0; }
.nav-xs a.active, .nav-xs a.active i { color: #1ABB9C; }

/* forms */
.form .btn { margin: 0 0.3em 0.3em 0; }
.form .btn:last-child { margin-right: 0; }
.form-edit-inline { margin: 1em 0; }

/* select2 fix */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #73879C;
    padding: 0.3em 1em 0.3em 1em;
    font-size: 1.1em;
    line-height: 1.3em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1em;
    position: absolute;
    top: 0.9em;
}

.select2-container .select2-selection--single {
    padding: 4px;
    height: auto;
    line-height: 12px !important;
    font-size: 12px !important;
}


.filter-block .select2-dropdown,
.select2-dropdown {
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 1em !important;
  line-height: 1em !important;
}

.filter-block .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.filter-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #73879C !important;
    font-size: 1em !important;
    line-height: 1em !important;
    padding: 0.2em 0.4em !important;
}

.filter-block .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1em;
    position: absolute;
    top: 0.45em;
    padding: 0;
}

.filter-block .select2-container .select2-selection--single {
    height: auto;
    font-size: 1em !important;
    line-height: 1em !important;
    padding: 0.1em 0.2em !important;
}
/* eof select2 fix */

/* tooltips */
.tooltip.in{opacity:1!important;}

.tooltip.top .tooltip-inner,
.tooltip.right .tooltip-inner,
.tooltip.bottom .tooltip-inner,
.tooltip.left .tooltip-inner {
    background-color: #eee;
    color: #73879C;
    padding: 0.4em 0.8em;
    font-size: 1.1em;
    opacity: 1;
}

.tooltip.top .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow {
    border-top-color: #eee;
    color: #eee;
    opacity: 1;
}


td.actions { text-align: center; color: #73879C; text-align: right; padding: 0.1em 0 0 0 !important;}
td.actions a, td.actions button { padding: 0; margin: 0 0.1em; color: #73879C; font-size: 1.6em; }
th a:hover { text-decoration: none; }
.table-xs td.actions, .table-xs td.actions button { font-size: 0.6em; }
.table-sm td.actions, .table-sm td.actions button { font-size: 0.8em; }
.form-group { margin-bottom: 0;}

/* инфомеры */
.info-block.url,
.info-block-sm.url,
.info-block-xs.url
{ cursor: pointer; }

.info-block.url:hover,
.info-block-sm.url:hover,
.info-block-xs.url:hover
{ background: #eee; }

.info-block:last-child,
.info-block-sm:last-child,
.info-block-xs:last-child
{ margin-right: 0; }

.info-block,
.info-block-sm,
.info-block-xs {
  display: inline-block;
  margin: 0 1em 1em 0;
  font-size: 1.1em;
  padding: 0.3em 0.7em;
  width: 11em;
  height: 5.2em;
  vertical-align: top;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}

.info-block b,
.info-block-sm b,
.info-block-xs b
{ font-size: 2em; display: block; text-align: left; margin: 0; }

.info-block i.fa,
.info-block-sm i.fa,
.info-block-xs i.fa
{ float: right; color: #ccc; font-size: 2em; }

.info-block-sm { font-size: 1em; width: 11em; height: 5.2em; }
.info-block-sm b { font-size: 1.8em; }

.info-block-xs { font-size: 0.9em; width: 11em; height: 4.8em; }
.info-block-xs b { font-size: 1.8em; }

.info-block-2l { height: 6.7em; }
.info-block-sm-2l { height: 6.4em; }
.info-block-xs-2l { height: 6.4em; }

.info-block-val-sm b { font-size: 1.7em; margin-bottom: 0.26em; }
.info-block-val-xs b { font-size: 1.3em; margin-bottom: 0.8em; }
.info-block-sm-val-sm b { font-size: 1.7em; margin-bottom: 0.26em; }
.info-block-sm-val-xs b { font-size: 1.3em; margin-bottom: 0.8em; }
.info-block-xs-val-sm b { font-size: 1.7em; margin-bottom: 0.26em; }
.info-block-xs-val-xs b { font-size: 1.3em; margin-bottom: 0.8em; }

.file-upload-field-with-comment {
  padding: 0.3em 0.8em 0.7em 0.8em;
  border: 1px dashed #73879C;
  border-radius: 5px;
}

.select2-container--default.select2-container .select2-selection--multiple {
    border: 1px solid #ddd;
    border-radius: 3px;
    min-height: 1em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 1px;
    padding: 0 3px;
    font-size: 0.91em;
}

.select2-container .select2-selection--multiple {
    height: 24px;
    min-width: 8em;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.fa-1_5x {  font-size: 1.5em;}

/* ANIMATION */
@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75%, 100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* SHAKE */
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
	animation: wrench 2.5s ease infinite;
}
.faa-shake.animated.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-fast {
	animation: wrench 1.2s ease infinite;
}
.faa-shake.animated.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-slow {
	animation: wrench 3.7s ease infinite;
}

div.chart {
    display: block;
    position: relative;
    width: 100%;
    max-height: 300px;
}

div.chart-caption { margin: 0 0 1em 0; font-weight: bold; }
div.chart-container {
    border-radius: 3px;
    border: 1px solid #ccccff;
    padding: 0.5em 0.5em 0.5em 1em;
}

h2.chart {
  font-size: 2em;
  margin: 0.5em 0;
  padding: 0 0 0.1em 0;
}

.file-upload-field-with-comment-close { float: right; margin-top: 4px; }

.controls-text-val {padding-top: 0.5em;}
.text-green {color: #1ABB9C !important;}
.text-no-active {color: #b2c1d4 !important;}

.collapsed {display: block;}
.hide-collapsed {display: none;}

.delete {
    opacity: 0.4;
}

.help-block {
    font-size: 0.8em;
}

.myFlex {
  display: flex;
}
.myFlex > .search-input {
  flex: 2;
  border: 1px solid #dadada;
  height: 16px;
  padding: 10px 20px;
  vertical-align: bottom;
  box-sizing: border-box;
}

.btn-custom {
  border: 0;
  border-radius: 0;
  background: #dadada;
  border-right: 1px solid #cbcbcc;
  cursor: pointer;
}

.btn-custom:hover {
  background: #f06420;
}

.has-feedback .form-control {padding-right:5px!important;}