html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, html {
  margin: 0;
  padding: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  /*-webkit-text-decoration-skip: objects;*/
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
  /*transform: translate3d(0,0,0);*/
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

input, textarea, button {
  outline: none;
}

input[placeholder], input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

input::-ms-clear {
  display: none;
}

img {
  width: auto 9;
  max-width: 100%;
  height: auto;
}

/* autoprefixer: on */

.block-btn {
  display: block;
  line-height: 1
}

.block-btn-right{
  padding-left: 82px;
}

.btn {
  border: 1px solid transparent;
  background-color: transparent;
  border-color: rgb(215, 219, 223);
  border-radius: 2px;
  padding: 11px 20px 10px 20px;
  color: #111;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  vertical-align: middle
}

.btn.btn-blue{
  background-color: rgb(38, 136, 235);
  border-color: rgb(38, 136, 235);
  color: #fff;
}

.btn.btn-blue:hover{
  background-color: rgb(63, 157, 252);
  border-color: rgb(63, 157, 252);
}

.btn.btn-blue:focus{
  background-color: rgb(29, 118, 207);
}

.btn.btn-blue.disabled{
  cursor: not-allowed;
  pointer-events: none;
  background-color: rgb(195, 200, 204);
  color: rgb(255, 255, 255);
}

.btn.btn-blue.disabled:hover{
  cursor: not-allowed;
}

.btn.btn-outline{
  border-color: rgb(215, 219, 223);
  color: rgb(44, 49, 51);
}

.btn.btn-outline-light{
  border-color: rgb(255, 255, 255);
  color: #fff;
}

.btn.btn-dark{
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn.btn-dark:hover{
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn.btn-dark.disabled{
  cursor: not-allowed;
  pointer-events: none;
  background-color: #343a40;
  border-color: #343a40;
  color: rgb(255, 255, 255);
  opacity: .65;
}

.btn.btn-dark.disabled:hover{
  cursor: not-allowed;
}

.btn.btn-red{
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn.btn-red:hover{
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn.btn-red.disabled{
  cursor: not-allowed;
  pointer-events: none;
  background-color: rgb(195, 200, 204);
  color: rgb(255, 255, 255);
}

.btn.btn-red.disabled:hover{
  cursor: not-allowed;
}

.btn.btn-orange{
  color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn.btn-orange:hover{
  color: #111;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn.btn-orange.disabled{
  cursor: not-allowed;
  pointer-events: none;
  background-color: rgb(195, 200, 204);
  color: rgb(255, 255, 255);
}

.btn.btn-orange.disabled:hover{
  cursor: not-allowed;
}

.btn.btn-green{
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn.btn-green:hover{
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn.btn-green.disabled{
  cursor: not-allowed;
  pointer-events: none;
  background-color: rgb(195, 200, 204);
  color: rgb(255, 255, 255);
}

.btn.btn-green.disabled:hover{
  cursor: not-allowed;
}

.btn.btn-progress{
  background-image: linear-gradient(45deg,rgba(255, 255, 255, .15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .15) 50%,rgba(255, 255, 255, .15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite;
}

.btn.btn-big{
  padding: 12px 54px 11px 54px;
}

.btn.btn-mini{
  padding: 7px 10px 6px 10px;
  font-size: 12px;
  line-height: 1.25;
  border-radius: .2rem;
}

.btn.btn-full{
  display: block;
  width: 100%;
}

.btn:hover{
  border-color: rgb(147, 150, 153);
  z-index: 10;
}

.btn:focus{
  background-color: rgb(242, 245, 245);
}

button[disabled=disabled], button:disabled, .btn:disabled, .btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: rgb(195, 200, 204);
  border-color: rgb(233, 239, 240);
}

/* Группы кнопок */

.btn-group {
  margin-top: 11px;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group + .btn-group {
  margin-left: 20px;
}

.btn-group .btn-active {
  background-color: #e9eff0;
}

.btn-group .btn + .btn {
  margin-left: -1px;
}

.btn-group .interval {
  padding: 0 18px 0 13px;
}

.btn-group + h2 {
  padding-top: 20px;
}

.btn-group > .btn:first-child:not(:last-child){
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:first-child{
  margin-left: 0;
}

.btn-group > .btn{
  position: relative;
  flex: 0 1 auto;
}

.btn-group > .btn:last-child:not(:first-child){
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

@keyframes progress-bar-stripes {
  from { background-position: 1rem 0; }
  to { background-position: 0 0; }
}

.daterangepicker table thead th {
  background-color: transparent;
}

.daterangepicker .table {
  width: 100%;
  margin-bottom: 20px;
}

.daterangepicker .table th, .daterangepicker .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.daterangepicker .table th {
  font-weight: 700;
}

.daterangepicker .table thead th {
  vertical-align: bottom;
}

.daterangepicker .table caption + thead tr:first-child th, .daterangepicker .table caption + thead tr:first-child td, .daterangepicker .table colgroup + thead tr:first-child th, .daterangepicker .table colgroup + thead tr:first-child td, .daterangepicker .table thead:first-child tr:first-child th, .daterangepicker .table thead:first-child tr:first-child td {
  border-top: 0;
}

.daterangepicker .table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.daterangepicker .table .table {
  background-color: #ffffff;
}

.daterangepicker .table-condensed th, .daterangepicker .table-condensed td {
  padding: 4px 5px;
}

.daterangepicker .table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker .table-bordered th, .daterangepicker .table-bordered td {
  border-left: 1px solid #dddddd;
}

.daterangepicker .table-bordered caption + thead tr:first-child th, .daterangepicker .table-bordered caption + tbody tr:first-child th, .daterangepicker .table-bordered caption + tbody tr:first-child td, .daterangepicker .table-bordered colgroup + thead tr:first-child th, .daterangepicker .table-bordered colgroup + tbody tr:first-child th, .daterangepicker .table-bordered colgroup + tbody tr:first-child td, .daterangepicker .table-bordered thead:first-child tr:first-child th, .daterangepicker .table-bordered tbody:first-child tr:first-child th, .daterangepicker .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.daterangepicker .table-bordered thead:first-child tr:first-child > th:first-child, .daterangepicker .table-bordered tbody:first-child tr:first-child > td:first-child, .daterangepicker .table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.daterangepicker .table-bordered thead:first-child tr:first-child > th:last-child, .daterangepicker .table-bordered tbody:first-child tr:first-child > td:last-child, .daterangepicker .table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.daterangepicker .table-bordered thead:last-child tr:last-child > th:first-child, .daterangepicker .table-bordered tbody:last-child tr:last-child > td:first-child, .daterangepicker .table-bordered tbody:last-child tr:last-child > th:first-child, .daterangepicker .table-bordered tfoot:last-child tr:last-child > td:first-child, .daterangepicker .table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.daterangepicker .table-bordered thead:last-child tr:last-child > th:last-child, .daterangepicker .table-bordered tbody:last-child tr:last-child > td:last-child, .daterangepicker .table-bordered tbody:last-child tr:last-child > th:last-child, .daterangepicker .table-bordered tfoot:last-child tr:last-child > td:last-child, .daterangepicker .table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.daterangepicker .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.daterangepicker .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.daterangepicker .table-bordered caption + thead tr:first-child th:first-child, .daterangepicker .table-bordered caption + tbody tr:first-child td:first-child, .daterangepicker .table-bordered colgroup + thead tr:first-child th:first-child, .daterangepicker .table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.daterangepicker .table-bordered caption + thead tr:first-child th:last-child, .daterangepicker .table-bordered caption + tbody tr:first-child td:last-child, .daterangepicker .table-bordered colgroup + thead tr:first-child th:last-child, .daterangepicker .table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.daterangepicker .table-striped tbody > tr:nth-child(odd) > td, .daterangepicker .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.daterangepicker .table-hover tbody tr:hover > td, .daterangepicker .table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

.daterangepicker table td[class*="span"], .daterangepicker table th[class*="span"], .daterangepicker .row-fluid table td[class*="span"], .daterangepicker .row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.daterangepicker .table td.span1, .daterangepicker .table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.daterangepicker .table td.span2, .daterangepicker .table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.daterangepicker .table td.span3, .daterangepicker .table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.daterangepicker .table td.span4, .daterangepicker .table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.daterangepicker .table td.span5, .daterangepicker .table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.daterangepicker .table td.span6, .daterangepicker .table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.daterangepicker .table td.span7, .daterangepicker .table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.daterangepicker .table td.span8, .daterangepicker .table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.daterangepicker .table td.span9, .daterangepicker .table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.daterangepicker .table td.span10, .daterangepicker .table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.daterangepicker .table td.span11, .daterangepicker .table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.daterangepicker .table td.span12, .daterangepicker .table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.daterangepicker .table tbody tr.success > td {
  background-color: #dff0d8;
}

.daterangepicker .table tbody tr.error > td {
  background-color: #f2dede;
}

.daterangepicker .table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.daterangepicker .table tbody tr.info > td {
  background-color: #d9edf7;
}

.daterangepicker .table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.daterangepicker .table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.daterangepicker .table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.daterangepicker .table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

.daterangepicker .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.daterangepicker .btn:focus, .daterangepicker .btn:active:focus, .daterangepicker .btn.active:focus, .daterangepicker .btn.focus, .daterangepicker .btn:active.focus, .daterangepicker .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.daterangepicker .btn:hover, .daterangepicker .btn:focus, .daterangepicker .btn.focus {
  color: #333333;
  text-decoration: none;
}

.daterangepicker .btn:active, .daterangepicker .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.daterangepicker .btn.disabled, .daterangepicker .btn[disabled], .daterangepicker fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.daterangepicker a.btn.disabled, .daterangepicker fieldset[disabled] a.btn {
  pointer-events: none;
}

.daterangepicker .btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.daterangepicker .btn-default:focus, .daterangepicker .btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.daterangepicker .btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.daterangepicker .btn-default:active, .daterangepicker .btn-default.active, .daterangepicker .open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.daterangepicker .btn-default:active:hover, .daterangepicker .btn-default.active:hover, .daterangepicker .open > .dropdown-toggle.btn-default:hover, .daterangepicker .btn-default:active:focus, .daterangepicker .btn-default.active:focus, .daterangepicker .open > .dropdown-toggle.btn-default:focus, .daterangepicker .btn-default:active.focus, .daterangepicker .btn-default.active.focus, .daterangepicker .open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.daterangepicker .btn-default:active, .daterangepicker .btn-default.active, .daterangepicker .open > .dropdown-toggle.btn-default {
  background-image: none;
}

.daterangepicker .btn-default.disabled:hover, .daterangepicker .btn-default[disabled]:hover, .daterangepicker fieldset[disabled] .btn-default:hover, .daterangepicker .btn-default.disabled:focus, .daterangepicker .btn-default[disabled]:focus, .daterangepicker fieldset[disabled] .btn-default:focus, .daterangepicker .btn-default.disabled.focus, .daterangepicker .btn-default[disabled].focus, .daterangepicker fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}

.daterangepicker .btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}

.daterangepicker .btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.daterangepicker .btn-primary:focus, .daterangepicker .btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}

.daterangepicker .btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.daterangepicker .btn-primary:active, .daterangepicker .btn-primary.active, .daterangepicker .open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

.daterangepicker .btn-primary:active:hover, .daterangepicker .btn-primary.active:hover, .daterangepicker .open > .dropdown-toggle.btn-primary:hover, .daterangepicker .btn-primary:active:focus, .daterangepicker .btn-primary.active:focus, .daterangepicker .open > .dropdown-toggle.btn-primary:focus, .daterangepicker .btn-primary:active.focus, .daterangepicker .btn-primary.active.focus, .daterangepicker .open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}

.daterangepicker .btn-primary:active, .daterangepicker .btn-primary.active, .daterangepicker .open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.daterangepicker .btn-primary.disabled:hover, .daterangepicker .btn-primary[disabled]:hover, .daterangepicker fieldset[disabled] .btn-primary:hover, .daterangepicker .btn-primary.disabled:focus, .daterangepicker .btn-primary[disabled]:focus, .daterangepicker fieldset[disabled] .btn-primary:focus, .daterangepicker .btn-primary.disabled.focus, .daterangepicker .btn-primary[disabled].focus, .daterangepicker fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.daterangepicker .btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}

.daterangepicker .btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.daterangepicker .btn-success:focus, .daterangepicker .btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}

.daterangepicker .btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.daterangepicker .btn-success:active, .daterangepicker .btn-success.active, .daterangepicker .open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.daterangepicker .btn-success:active:hover, .daterangepicker .btn-success.active:hover, .daterangepicker .open > .dropdown-toggle.btn-success:hover, .daterangepicker .btn-success:active:focus, .daterangepicker .btn-success.active:focus, .daterangepicker .open > .dropdown-toggle.btn-success:focus, .daterangepicker .btn-success:active.focus, .daterangepicker .btn-success.active.focus, .daterangepicker .open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}

.daterangepicker .btn-success:active, .daterangepicker .btn-success.active, .daterangepicker .open > .dropdown-toggle.btn-success {
  background-image: none;
}

.daterangepicker .btn-success.disabled:hover, .daterangepicker .btn-success[disabled]:hover, .daterangepicker fieldset[disabled] .btn-success:hover, .daterangepicker .btn-success.disabled:focus, .daterangepicker .btn-success[disabled]:focus, .daterangepicker fieldset[disabled] .btn-success:focus, .daterangepicker .btn-success.disabled.focus, .daterangepicker .btn-success[disabled].focus, .daterangepicker fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.daterangepicker .btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.daterangepicker .btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.daterangepicker .btn-info:focus, .daterangepicker .btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.daterangepicker .btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.daterangepicker .btn-info:active, .daterangepicker .btn-info.active, .daterangepicker .open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.daterangepicker .btn-info:active:hover, .daterangepicker .btn-info.active:hover, .daterangepicker .open > .dropdown-toggle.btn-info:hover, .daterangepicker .btn-info:active:focus, .daterangepicker .btn-info.active:focus, .daterangepicker .open > .dropdown-toggle.btn-info:focus, .daterangepicker .btn-info:active.focus, .daterangepicker .btn-info.active.focus, .daterangepicker .open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.daterangepicker .btn-info:active, .daterangepicker .btn-info.active, .daterangepicker .open > .dropdown-toggle.btn-info {
  background-image: none;
}

.daterangepicker .btn-info.disabled:hover, .daterangepicker .btn-info[disabled]:hover, .daterangepicker fieldset[disabled] .btn-info:hover, .daterangepicker .btn-info.disabled:focus, .daterangepicker .btn-info[disabled]:focus, .daterangepicker fieldset[disabled] .btn-info:focus, .daterangepicker .btn-info.disabled.focus, .daterangepicker .btn-info[disabled].focus, .daterangepicker fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.daterangepicker .btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

.daterangepicker .btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.daterangepicker .btn-warning:focus, .daterangepicker .btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.daterangepicker .btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.daterangepicker .btn-warning:active, .daterangepicker .btn-warning.active, .daterangepicker .open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.daterangepicker .btn-warning:active:hover, .daterangepicker .btn-warning.active:hover, .daterangepicker .open > .dropdown-toggle.btn-warning:hover, .daterangepicker .btn-warning:active:focus, .daterangepicker .btn-warning.active:focus, .daterangepicker .open > .dropdown-toggle.btn-warning:focus, .daterangepicker .btn-warning:active.focus, .daterangepicker .btn-warning.active.focus, .daterangepicker .open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}

.daterangepicker .btn-warning:active, .daterangepicker .btn-warning.active, .daterangepicker .open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.daterangepicker .btn-warning.disabled:hover, .daterangepicker .btn-warning[disabled]:hover, .daterangepicker fieldset[disabled] .btn-warning:hover, .daterangepicker .btn-warning.disabled:focus, .daterangepicker .btn-warning[disabled]:focus, .daterangepicker fieldset[disabled] .btn-warning:focus, .daterangepicker .btn-warning.disabled.focus, .daterangepicker .btn-warning[disabled].focus, .daterangepicker fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.daterangepicker .btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

.daterangepicker .btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.daterangepicker .btn-danger:focus, .daterangepicker .btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}

.daterangepicker .btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.daterangepicker .btn-danger:active, .daterangepicker .btn-danger.active, .daterangepicker .open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.daterangepicker .btn-danger:active:hover, .daterangepicker .btn-danger.active:hover, .daterangepicker .open > .dropdown-toggle.btn-danger:hover, .daterangepicker .btn-danger:active:focus, .daterangepicker .btn-danger.active:focus, .daterangepicker .open > .dropdown-toggle.btn-danger:focus, .daterangepicker .btn-danger:active.focus, .daterangepicker .btn-danger.active.focus, .daterangepicker .open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}

.daterangepicker .btn-danger:active, .daterangepicker .btn-danger.active, .daterangepicker .open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.daterangepicker .btn-danger.disabled:hover, .daterangepicker .btn-danger[disabled]:hover, .daterangepicker fieldset[disabled] .btn-danger:hover, .daterangepicker .btn-danger.disabled:focus, .daterangepicker .btn-danger[disabled]:focus, .daterangepicker fieldset[disabled] .btn-danger:focus, .daterangepicker .btn-danger.disabled.focus, .daterangepicker .btn-danger[disabled].focus, .daterangepicker fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.daterangepicker .btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

.daterangepicker .btn-link {
  color: #337ab7;
  font-weight: 400;
  border-radius: 0;
}

.daterangepicker .btn-link, .daterangepicker .btn-link:active, .daterangepicker .btn-link.active, .daterangepicker .btn-link[disabled], .daterangepicker fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.daterangepicker .btn-link, .daterangepicker .btn-link:hover, .daterangepicker .btn-link:focus, .daterangepicker .btn-link:active {
  border-color: transparent;
}

.daterangepicker .btn-link:hover, .daterangepicker .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.daterangepicker .btn-link[disabled]:hover, .daterangepicker fieldset[disabled] .btn-link:hover, .daterangepicker .btn-link[disabled]:focus, .daterangepicker fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.daterangepicker .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.daterangepicker .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.daterangepicker .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.daterangepicker .btn-block {
  display: block;
  width: 100%;
}

.daterangepicker .btn-block + .btn-block {
  margin-top: 5px;
}

.daterangepicker input[type="submit"].btn-block, .daterangepicker input[type="reset"].btn-block, .daterangepicker input[type="button"].btn-block {
  width: 100%;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 0, 136, 0.8)', endColorstr='rgba(255, 0, 119, 0.70196)', GradientType=0);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 0, 136, 0.8)', endColorstr='rgba(255, 0, 119, 0.70196)', GradientType=0);
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-size-adjust: none;
}

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	background: rgb(255, 255, 255);
	font-size: 15px;
	line-height: 1.58;
	font-weight: 400;
}

.container-fluid, .container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 32px;
  padding-right: 2rem;
  padding-left: 32px;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

*::placeholder {
	color: #abb6ba;
	opacity: 1;
}

*::placeholder-shown {
	color: #abb6ba;
}

::selection {
	background: rgb(255, 102, 0);
	color: rgb(255, 255, 255);
}

input, textarea, button {
	outline: none;
}

input[placeholder], input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
	text-overflow: ellipsis;
}

input, textarea, button {
	outline: none;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.form-group {
	margin-bottom: 15px;
}

.form-group .form-line {
  display: block;
}

.form-group .status-form-control {
  position: relative;
}

.form-group .status-form-control .form-control {
  padding-right: 32px;
}

.form-group .status-form-control .help-text {
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 2px;
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.form-group .status-form-control .progress-box {
  position: relative;
  top: 8px;
  right: -8px;
}

.form-group .status-form-control-type{
  position: absolute;
  top: 3px;
  right: 2px;
  z-index: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  color: rgb(171, 175, 179);
  font-size: 14px;
}

.form-group .status-form-control-type .loader{
  top: 8px;
  right: 4px;
}

.form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 14px
}

.form-group label.hidden{
  visibility: hidden;
}

.form-group.progressing .form-control{
  background-image: linear-gradient(45deg,rgba(255, 255, 255, .15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .15) 50%,rgba(255, 255, 255, .15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite;
}

.form-group--error .form-control{
  border-color: rgb(255, 0, 0);
}

.form-group.has-error .form-control{
  border-color: rgb(255, 0, 0);
}

.form-group.has-error .help-text{
  height: auto;
  opacity: 1;
  color: rgb(255, 0, 0);
}

.form-control {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(233, 239, 240);
	border-radius: 2px;
	color: rgb(49, 52, 54);
	background-image: none;
	height: 40px;
	display: block;
	width: 100%;
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	padding: 11px 14px 12px 19px;
	transition: border-color ease-in-out .15s;
}

/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/

.form-control:focus, .form-control .focus {
  border-color: rgb(195, 200, 204);
}

.form-control:hover{
  border-color: rgb(195, 200, 204);
}

.form-control[disabled=disabled], .form-control:disabled, .form-control:disabled, .form-control.disabled{
  cursor: not-allowed;
  pointer-events: none;
  color: #000;
  border-color: rgb(233, 239, 240);
  background-color: #eeeeee;
}

.form-control-static{
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

textarea.form-control {
	min-height: 80px;
	max-height: 150px;
	resize: vertical;
}

input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal;
	box-sizing: border-box;
	padding: 0;
}

.form-check {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.form-check label {
  min-height: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
}

.form-check input[type=checkbox], .form-check input[type=radio] {
	position: absolute;
	margin-top: 4px\9;
	margin-left: -20px;
}

.form-check {
	padding-left: 30px;
	cursor: pointer;
}

.form-check label {
  position: relative;
}

.form-check span, .form-check div {
}

.form-check span:before, .form-check span:after, .form-check div:before, .form-check div:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.form-check input {
}

.form-check input[type="radio"], .form-check input[type="checkbox"]{
  display: none;
}

.form-check .form-check-control {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.form-check .form-check-control:before{
  width: 20px;
  height: 20px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  left: -30px;
  box-sizing: border-box;
  transition: all 0.2s;
}

.form-check .form-check-control:hover:before{
  border: 1px solid rgb(195, 200, 204);
}

.form-check .form-check-control:after{
  width: 14px;
  height: 11px;
  background-position: 50% 50%;
  background-image: none;
  text-indent: -9999px;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  left: -27px;
  top: 0px;
  color: transparent;
  transition: color 0.2s;
}

.form-check input[type="checkbox"]:checked + label .form-check-control:after {
  color: #62afff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23ffffff'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.form-check input[type="checkbox"]:checked + label .form-check-control:before {
  background-color: rgb(66, 204, 5);
  border-color: rgb(66, 204, 5);
}

.form-check input[type="checkbox"]:checked + label .form-check-control:hover:before {
  background-color: rgb(82, 225, 19);
  border-color: rgb(82, 225, 19);
}

.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	/*max-width: 80%;*/
	color: #2c3133;
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 11px 20px 9px 20px;
	box-sizing: border-box;
	line-height: 1;
	vertical-align: middle;
}

.no-js .inputfile + label {
	display: none;
}

.inputfile:focus + label, .inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
	/* pointer-events: none; */
	/* in case of FastClick lib use */
	vertical-align: middle;
}

.inputfile + label .attach-icon {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.progress-box {
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid rgb(233, 239, 240);
	border-radius: 50%
}

.progress-box__value{
  display: none;
  visibility: hidden;
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.select .select2-container--default .select2-selection--single {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(233, 239, 240);
	border-radius: 2px;
	height: 40px;
	position: relative;
	transition: all 0.3s ease;
	text-align: left
}

.select .select2-container--default .select2-selection--single:hover{
  border: 1px solid rgb(195, 200, 204);
}

.select .select2-container--default .select2-selection--single:focus{
  outline: none;
  border: 1px solid rgb(233, 239, 240);
}

.select2-container .select2-dropdown {
	background-color: rgb(255, 255, 255);
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	border: 1px solid transparent;
	overflow: hidden;
}

.select2-container--open .select2-dropdown--above {
	/*margin-bottom: 5px;*/
	border-bottom: 1px solid #fff!important;
	border-bottom-left-radius: 3px!important;
	border-bottom-right-radius: 3px!important;
	top: -5px;
}

.select2-container--open .select2-dropdown--below {
	margin-top: 5px;
	border-top: 1px solid #fff!important;
	border-top-left-radius: 3px!important;
	border-top-right-radius: 3px!important;
}

.select .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 5px 14px 5px 19px;
	color: rgb(44, 49, 51);
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	height: 40px;
	box-sizing: border-box;
}

.select2-container .select2-results__option {
	padding: 8px 14px 5px 19px;
	color: rgb(44, 49, 51);
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	vertical-align: middle;
	min-height: 30px;
	box-sizing: border-box;
}

.select2-container .select2-results__option[aria-selected=true] {
	background-color: rgb(233, 239, 240) !important;
	/*color: rgb(44, 49, 51) !important;*/
}

.select2-container .select2-results__option--highlighted[aria-selected] {
	background-color: rgb(38, 136, 235) !important;
}

.select .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	height: 39px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 0 !important;
	border-color: transparent !important;
	transition: all 0.3s ease
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after{
  transition: all 0.3s ease;
  position: absolute;
  content: '';
  top: -1px;
  right: 0;
  width: 14px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='9' viewBox='0 0 14 9' fill='%23c3c8cc'%3E%3Cpath d='M1.414.261L7 6.048 12.586 0 14 1.476 7 9 0 1.737 1.414.261z' class='f-icon chevron'/%3E%3C/svg%3E");
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
	transform: rotate(180deg);
	top: -2px;
}

.select .select2-container .select2-choice .select2-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #888888 transparent transparent transparent;
	margin-left: -4px;
	margin-top: -2px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 20px;
}

.switch input {
  display: none;
}

.switch input:checked + .switch__slider {
  background-color: rgb(33, 170, 0)
}

.switch input:checked + .switch__slider:hover{
  background-color: rgb(49, 197, 9);
}

.switch input:disabled:checked + .switch__slider {
  background-color: rgb(120, 122, 128);
}

.switch input:disabled + .switch__slider {
  background-color: rgb(214, 218, 221);
}

.switch input:disabled + .switch__slider + .switch__text {
  color: rgb(173, 177, 185);
}

.switch input:focus + .switch__slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .switch__slider:before {
  transform: translateX(10px);
}

.switch__text{
  padding-left: 40px;
  color: rgb(0, 0, 0);
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.switch__slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(173, 177, 185);
  transition: .4s;
  border-radius: 34px;
}

.switch__slider:hover{
  background-color: rgb(214, 218, 221);
}

.switch__slider:before{
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background-color: rgb(255, 255, 255);
  left: 1px;
  bottom: 1px;
  transition: .4s;
  border-radius: 50%;
}

.form-group-box {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	width: 100%;
}

.form-group-box + .form-group-box {
  margin-left: 0;
}

.form-group-box .form-control + .form-control {
  margin-left: -1px;
}

.form-group-box .form-control:first-child:not(:last-child){
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.form-group-box > .form-control:first-child{
  margin-left: 0;
  max-width: 90px;
}

.form-group-box > .form-control{
  position: relative;
  flex: 0 1 auto;
  padding: 11px 10px 11px 10px;
}

.form-group-box > .form-control:nth-child(2){
  max-width: 200px;
}

.form-group-box > .form-control:last-child:not(:first-child){
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-group.form-group-col {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.form-group.form-group-col .status-form-control + .status-form-control {
  margin-top: -1px;
}

.form-group.form-group-col .status-form-control:first-child:not(:last-child) .form-control{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-group.form-group-col > .status-form-control:first-child{
  margin-left: 0;
}

.form-group.form-group-col > .status-form-control{
  position: relative;
  flex: 0 1 auto;
}

.form-group.form-group-col > .status-form-control:last-child:not(:first-child) .form-control{
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.f-ico {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease
}

.f-ico.i-chevron{
  width: 14px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='9' viewBox='0 0 14 9' fill='%23c3c8cc'%3E%3Cpath d='M1.414.261L7 6.048 12.586 0 14 1.476 7 9 0 1.737 1.414.261z' class='f-icon chevron'/%3E%3C/svg%3E");
}

.f-ico.i-chevron.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='9' viewBox='0 0 14 9' fill='%23fff'%3E%3Cpath d='M1.414.261L7 6.048 12.586 0 14 1.476 7 9 0 1.737 1.414.261z' class='f-icon chevron'/%3E%3C/svg%3E");
}

.f-ico.i-message{
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='16' viewBox='0 0 20 16' fill='%23fff'%3E%3Cpath d='M2-.001h16c1.1 0 2 .901 2 2.001v11.999c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9-.001 2-.001zM3.414 2L10 8.584 16.586 2H3.414zM18 3.414l-8 7.998-8-7.998v10.585h16V3.414z' class='f-icon message'/%3E%3C/svg%3E");
}

.f-ico.i-message.gray{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='16' viewBox='0 0 20 16' fill='rgb(195, 200, 204)'%3E%3Cpath d='M2-.001h16c1.1 0 2 .901 2 2.001v11.999c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9-.001 2-.001zM3.414 2L10 8.584 16.586 2H3.414zM18 3.414l-8 7.998-8-7.998v10.585h16V3.414z' class='f-icon message'/%3E%3C/svg%3E");
}

.f-ico.i-info{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23fff'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM10 11l2.001.003v3.996H10V11zm0-3.996h2.001v1.999H10V7.004z' class='f-icon info'/%3E%3C/svg%3E");
}

.f-ico.i-statistics{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%232688eb'%3E%3Cpath d='M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.573 12l-4.184 7.246A9 9 0 0 0 19.944 12h-8.371zm-5.907 6.248L9.85 11 5.665 3.752A8.983 8.983 0 0 0 2 11a8.982 8.982 0 0 0 3.666 7.248zM7.389 2.754L11.572 10h8.372A9 9 0 0 0 7.389 2.754z' class='f-icon statistics'/%3E%3C/svg%3E");
}

.f-ico.i-statistics.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23fff'%3E%3Cpath d='M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.573 12l-4.184 7.246A9 9 0 0 0 19.944 12h-8.371zm-5.907 6.248L9.85 11 5.665 3.752A8.983 8.983 0 0 0 2 11a8.982 8.982 0 0 0 3.666 7.248zM7.389 2.754L11.572 10h8.372A9 9 0 0 0 7.389 2.754z' class='f-icon statistics'/%3E%3C/svg%3E");
}

.f-ico.i-loupe{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 21.969 21.969' fill='%232688eb'%3E%3Cpath d='M11.969 20a9.957 9.957 0 0 1-6.283-2.225l-4.209 4.209-1.492-1.492 4.209-4.209A9.959 9.959 0 0 1 1.969 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10zm0-18a8 8 0 1 0 0 16 8 8 0 0 0 0-16z' class='f-icon loupe'/%3E%3C/svg%3E");
}

.f-ico.i-loupe.green{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 21.969 21.969' fill='rgb(66, 204, 5)'%3E%3Cpath d='M11.969 20a9.957 9.957 0 0 1-6.283-2.225l-4.209 4.209-1.492-1.492 4.209-4.209A9.959 9.959 0 0 1 1.969 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10zm0-18a8 8 0 1 0 0 16 8 8 0 0 0 0-16z' class='f-icon loupe'/%3E%3C/svg%3E");
}

.f-ico.i-loupe.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 21.969 21.969' fill='%23fff'%3E%3Cpath d='M11.969 20a9.957 9.957 0 0 1-6.283-2.225l-4.209 4.209-1.492-1.492 4.209-4.209A9.959 9.959 0 0 1 1.969 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10zm0-18a8 8 0 1 0 0 16 8 8 0 0 0 0-16z' class='f-icon loupe'/%3E%3C/svg%3E");
}

.f-ico.i-recommendation{
  width: 18px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='22' viewBox='0 0 18 22' fill='%232688eb'%3E%3Cpath d='M13 17.053V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2.947C2.039 15.58 0 12.532 0 9a9 9 0 0 1 9-9 9 9 0 0 1 9 9c0 3.532-2.039 6.58-5 8.053zM7 20h4v-2.231A8.97 8.97 0 0 1 9 18a8.97 8.97 0 0 1-2-.231V20zM9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z' class='f-icon recommendation'/%3E%3C/svg%3E");
}

.f-ico.i-recommendation.orange{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='22' viewBox='0 0 18 22' fill='rgb(255, 153, 0)'%3E%3Cpath d='M13 17.053V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2.947C2.039 15.58 0 12.532 0 9a9 9 0 0 1 9-9 9 9 0 0 1 9 9c0 3.532-2.039 6.58-5 8.053zM7 20h4v-2.231A8.97 8.97 0 0 1 9 18a8.97 8.97 0 0 1-2-.231V20zM9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z' class='f-icon recommendation'/%3E%3C/svg%3E");
}

.f-ico.i-recommendation.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='22' viewBox='0 0 18 22' fill='%23fff'%3E%3Cpath d='M13 17.053V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2.947C2.039 15.58 0 12.532 0 9a9 9 0 0 1 9-9 9 9 0 0 1 9 9c0 3.532-2.039 6.58-5 8.053zM7 20h4v-2.231A8.97 8.97 0 0 1 9 18a8.97 8.97 0 0 1-2-.231V20zM9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z' class='f-icon recommendation'/%3E%3C/svg%3E");
}

.f-ico.i-recommendation.red{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='22' viewBox='0 0 18 22' fill='%23ba1a0e'%3E%3Cpath d='M13 17.053V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2.947C2.039 15.58 0 12.532 0 9a9 9 0 0 1 9-9 9 9 0 0 1 9 9c0 3.532-2.039 6.58-5 8.053zM7 20h4v-2.231A8.97 8.97 0 0 1 9 18a8.97 8.97 0 0 1-2-.231V20zM9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z' class='f-icon recommendation'/%3E%3C/svg%3E");
}

.f-ico.i-settings{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%232688eb'%3E%3Cpath d='M11 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-1-7c-.904 0-1.672.607-1.918 1.433a9.947 9.947 0 0 0-1.784.74 2.006 2.006 0 0 0-2.369.342L2.514 3.929a2.007 2.007 0 0 0-.341 2.37 9.938 9.938 0 0 0-.74 1.783A2.008 2.008 0 0 0 0 10v2c0 .903.607 1.671 1.433 1.917.19.622.438 1.219.739 1.784a2.005 2.005 0 0 0 .343 2.369l1.414 1.415a2.007 2.007 0 0 0 2.37.342 9.98 9.98 0 0 0 1.783.74 2.006 2.006 0 0 0 1.917 1.432L12 22c.903 0 1.671-.607 1.917-1.433a9.917 9.917 0 0 0 1.784-.74 2.006 2.006 0 0 0 2.369-.342l1.415-1.414a2.007 2.007 0 0 0 .342-2.37c.302-.564.55-1.161.74-1.784A2.008 2.008 0 0 0 22 12v-2c0-.904-.607-1.672-1.433-1.918a9.947 9.947 0 0 0-.74-1.784 2.006 2.006 0 0 0-.342-2.369l-1.414-1.415a2.01 2.01 0 0 0-2.37-.342 9.987 9.987 0 0 0-1.784-.739A2.008 2.008 0 0 0 12 0h-2zm3.334 18.653a7.84 7.84 0 0 0 1.425-.59 1.946 1.946 0 0 1 1.897.008l1.412-1.419a1.945 1.945 0 0 1-.005-1.892c.243-.455.441-.933.591-1.425A1.947 1.947 0 0 1 20 12l-.005-2.001a1.946 1.946 0 0 1-1.341-1.334 7.988 7.988 0 0 0-.591-1.425 1.946 1.946 0 0 1 .008-1.897l-1.418-1.412a1.946 1.946 0 0 1-1.893.006 7.925 7.925 0 0 0-1.426-.591A1.947 1.947 0 0 1 12 2l-2.001.005a1.948 1.948 0 0 1-1.334 1.341c-.492.15-.97.348-1.424.591a1.948 1.948 0 0 1-1.898-.008L3.931 5.347c.329.608.332 1.283.006 1.893a7.915 7.915 0 0 0-.591 1.425A1.947 1.947 0 0 1 2 9.999l.005 2.002a1.946 1.946 0 0 1 1.341 1.333c.15.493.348.971.591 1.426.326.61.324 1.285-.008 1.896l1.418 1.412a1.95 1.95 0 0 1 1.893-.006c.455.243.932.442 1.425.591A1.949 1.949 0 0 1 9.999 20l2.002-.005a1.948 1.948 0 0 1 1.333-1.342zM11 9a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 9z' fill-rule='evenodd' class='f-icon settings'/%3E%3C/svg%3E");
}

.f-ico.i-settings.gray{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(195, 200, 204)'%3E%3Cpath d='M11 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-1-7c-.904 0-1.672.607-1.918 1.433a9.947 9.947 0 0 0-1.784.74 2.006 2.006 0 0 0-2.369.342L2.514 3.929a2.007 2.007 0 0 0-.341 2.37 9.938 9.938 0 0 0-.74 1.783A2.008 2.008 0 0 0 0 10v2c0 .903.607 1.671 1.433 1.917.19.622.438 1.219.739 1.784a2.005 2.005 0 0 0 .343 2.369l1.414 1.415a2.007 2.007 0 0 0 2.37.342 9.98 9.98 0 0 0 1.783.74 2.006 2.006 0 0 0 1.917 1.432L12 22c.903 0 1.671-.607 1.917-1.433a9.917 9.917 0 0 0 1.784-.74 2.006 2.006 0 0 0 2.369-.342l1.415-1.414a2.007 2.007 0 0 0 .342-2.37c.302-.564.55-1.161.74-1.784A2.008 2.008 0 0 0 22 12v-2c0-.904-.607-1.672-1.433-1.918a9.947 9.947 0 0 0-.74-1.784 2.006 2.006 0 0 0-.342-2.369l-1.414-1.415a2.01 2.01 0 0 0-2.37-.342 9.987 9.987 0 0 0-1.784-.739A2.008 2.008 0 0 0 12 0h-2zm3.334 18.653a7.84 7.84 0 0 0 1.425-.59 1.946 1.946 0 0 1 1.897.008l1.412-1.419a1.945 1.945 0 0 1-.005-1.892c.243-.455.441-.933.591-1.425A1.947 1.947 0 0 1 20 12l-.005-2.001a1.946 1.946 0 0 1-1.341-1.334 7.988 7.988 0 0 0-.591-1.425 1.946 1.946 0 0 1 .008-1.897l-1.418-1.412a1.946 1.946 0 0 1-1.893.006 7.925 7.925 0 0 0-1.426-.591A1.947 1.947 0 0 1 12 2l-2.001.005a1.948 1.948 0 0 1-1.334 1.341c-.492.15-.97.348-1.424.591a1.948 1.948 0 0 1-1.898-.008L3.931 5.347c.329.608.332 1.283.006 1.893a7.915 7.915 0 0 0-.591 1.425A1.947 1.947 0 0 1 2 9.999l.005 2.002a1.946 1.946 0 0 1 1.341 1.333c.15.493.348.971.591 1.426.326.61.324 1.285-.008 1.896l1.418 1.412a1.95 1.95 0 0 1 1.893-.006c.455.243.932.442 1.425.591A1.949 1.949 0 0 1 9.999 20l2.002-.005a1.948 1.948 0 0 1 1.333-1.342zM11 9a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 9z' fill-rule='evenodd' class='f-icon settings'/%3E%3C/svg%3E");
}

.f-ico.i-settings.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23fff'%3E%3Cpath d='M11 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-1-7c-.904 0-1.672.607-1.918 1.433a9.947 9.947 0 0 0-1.784.74 2.006 2.006 0 0 0-2.369.342L2.514 3.929a2.007 2.007 0 0 0-.341 2.37 9.938 9.938 0 0 0-.74 1.783A2.008 2.008 0 0 0 0 10v2c0 .903.607 1.671 1.433 1.917.19.622.438 1.219.739 1.784a2.005 2.005 0 0 0 .343 2.369l1.414 1.415a2.007 2.007 0 0 0 2.37.342 9.98 9.98 0 0 0 1.783.74 2.006 2.006 0 0 0 1.917 1.432L12 22c.903 0 1.671-.607 1.917-1.433a9.917 9.917 0 0 0 1.784-.74 2.006 2.006 0 0 0 2.369-.342l1.415-1.414a2.007 2.007 0 0 0 .342-2.37c.302-.564.55-1.161.74-1.784A2.008 2.008 0 0 0 22 12v-2c0-.904-.607-1.672-1.433-1.918a9.947 9.947 0 0 0-.74-1.784 2.006 2.006 0 0 0-.342-2.369l-1.414-1.415a2.01 2.01 0 0 0-2.37-.342 9.987 9.987 0 0 0-1.784-.739A2.008 2.008 0 0 0 12 0h-2zm3.334 18.653a7.84 7.84 0 0 0 1.425-.59 1.946 1.946 0 0 1 1.897.008l1.412-1.419a1.945 1.945 0 0 1-.005-1.892c.243-.455.441-.933.591-1.425A1.947 1.947 0 0 1 20 12l-.005-2.001a1.946 1.946 0 0 1-1.341-1.334 7.988 7.988 0 0 0-.591-1.425 1.946 1.946 0 0 1 .008-1.897l-1.418-1.412a1.946 1.946 0 0 1-1.893.006 7.925 7.925 0 0 0-1.426-.591A1.947 1.947 0 0 1 12 2l-2.001.005a1.948 1.948 0 0 1-1.334 1.341c-.492.15-.97.348-1.424.591a1.948 1.948 0 0 1-1.898-.008L3.931 5.347c.329.608.332 1.283.006 1.893a7.915 7.915 0 0 0-.591 1.425A1.947 1.947 0 0 1 2 9.999l.005 2.002a1.946 1.946 0 0 1 1.341 1.333c.15.493.348.971.591 1.426.326.61.324 1.285-.008 1.896l1.418 1.412a1.95 1.95 0 0 1 1.893-.006c.455.243.932.442 1.425.591A1.949 1.949 0 0 1 9.999 20l2.002-.005a1.948 1.948 0 0 1 1.333-1.342zM11 9a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 9z' fill-rule='evenodd' class='f-icon settings'/%3E%3C/svg%3E");
}

.f-ico.i-pause{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%232688eb'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7h2v8h-2V7zM8 7h2v8H8V7z' class='f-icon pause'/%3E%3C/svg%3E");
}

.f-ico.i-pause.red{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(244, 44, 44)'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7h2v8h-2V7zM8 7h2v8H8V7z' class='f-icon pause'/%3E%3C/svg%3E");
}

.f-ico.i-pause.gray{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7h2v8h-2V7zM8 7h2v8H8V7z' class='f-icon pause'/%3E%3C/svg%3E");
}

.f-ico.i-pause.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23fff'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7h2v8h-2V7zM8 7h2v8H8V7z' class='f-icon pause'/%3E%3C/svg%3E");
}

.f-ico.i-close{
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='rgb(195, 200, 204)'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.f-ico.i-close.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.f-ico.i-close.dark{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='%23c3c8cc'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.f-ico.i-alert{
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='20' viewBox='0 0 22 20' fill='rgb(244, 44, 44)'%3E%3Cpath d='M21.539 19.009c-.366.631-.988.99-1.712.99H1.977a1.932 1.932 0 0 1-1.712-.99 1.966 1.966 0 0 1-.017-1.99l8.923-16A1.936 1.936 0 0 1 10.9 0c.736 0 1.367.372 1.728 1.019l8.927 16a1.968 1.968 0 0 1-.016 1.99zM10.9 1.999L1.977 18h17.85L10.9 1.999zm1.008 6v4H9.91v-4h1.998zm0 8H9.91v-2h1.998v2z' class='f-icon alert'/%3E%3C/svg%3E");
}

.f-ico.i-alert.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='20' viewBox='0 0 22 20' fill='%23ffffff'%3E%3Cpath d='M21.539 19.009c-.366.631-.988.99-1.712.99H1.977a1.932 1.932 0 0 1-1.712-.99 1.966 1.966 0 0 1-.017-1.99l8.923-16A1.936 1.936 0 0 1 10.9 0c.736 0 1.367.372 1.728 1.019l8.927 16a1.968 1.968 0 0 1-.016 1.99zM10.9 1.999L1.977 18h17.85L10.9 1.999zm1.008 6v4H9.91v-4h1.998zm0 8H9.91v-2h1.998v2z' class='f-icon alert'/%3E%3C/svg%3E");
}

.f-ico.i-attach{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(195, 200, 204)'%3E%3Cpath d='M11.05 2.464l.707-.707A6.013 6.013 0 0 1 16 0a5.99 5.99 0 0 1 5.542 3.705C21.847 4.443 22 5.224 22 6a5.979 5.979 0 0 1-1.758 4.242l-10 10a6.002 6.002 0 0 1-8.485 0A6.013 6.013 0 0 1 0 16c0-1.535.586-3.071 1.757-4.243l6-5.999a3.958 3.958 0 0 1 2.785-1.154 3.96 3.96 0 0 1 2.786 1.154c.372.372.657.809.852 1.28.201.485.302.998.302 1.505 0 .507-.101 1.02-.302 1.505v.004a3.93 3.93 0 0 1-.852 1.276l-6 6-1.414-1.414 6-6a1.925 1.925 0 0 0 .568-1.371c0-.259-.049-.514-.146-.747a1.915 1.915 0 0 0-.422-.624 1.94 1.94 0 0 0-.624-.423 1.954 1.954 0 0 0-.748-.145c-.257 0-.511.048-.744.143a1.974 1.974 0 0 0-.627.425l-6 5.999a4.022 4.022 0 0 0-.869 4.366c.192.464.482.905.869 1.292a4.022 4.022 0 0 0 4.366.869 4.015 4.015 0 0 0 1.292-.869l10-10a4.022 4.022 0 0 0 .869-4.366 4.015 4.015 0 0 0-5.235-2.161 3.983 3.983 0 0 0-1.292.869l-.707.707-1.414-1.414z' class='f-icon attach'/%3E%3C/svg%3E");
}

.f-ico.i-attach.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M11.05 2.464l.707-.707A6.013 6.013 0 0 1 16 0a5.99 5.99 0 0 1 5.542 3.705C21.847 4.443 22 5.224 22 6a5.979 5.979 0 0 1-1.758 4.242l-10 10a6.002 6.002 0 0 1-8.485 0A6.013 6.013 0 0 1 0 16c0-1.535.586-3.071 1.757-4.243l6-5.999a3.958 3.958 0 0 1 2.785-1.154 3.96 3.96 0 0 1 2.786 1.154c.372.372.657.809.852 1.28.201.485.302.998.302 1.505 0 .507-.101 1.02-.302 1.505v.004a3.93 3.93 0 0 1-.852 1.276l-6 6-1.414-1.414 6-6a1.925 1.925 0 0 0 .568-1.371c0-.259-.049-.514-.146-.747a1.915 1.915 0 0 0-.422-.624 1.94 1.94 0 0 0-.624-.423 1.954 1.954 0 0 0-.748-.145c-.257 0-.511.048-.744.143a1.974 1.974 0 0 0-.627.425l-6 5.999a4.022 4.022 0 0 0-.869 4.366c.192.464.482.905.869 1.292a4.022 4.022 0 0 0 4.366.869 4.015 4.015 0 0 0 1.292-.869l10-10a4.022 4.022 0 0 0 .869-4.366 4.015 4.015 0 0 0-5.235-2.161 3.983 3.983 0 0 0-1.292.869l-.707.707-1.414-1.414z' class='f-icon attach'/%3E%3C/svg%3E");
}

.f-ico.i-lifevest{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M11 22C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11zm4.882-14.468A5.959 5.959 0 0 1 17 11c0 1.295-.42 2.487-1.118 3.468l2.146 2.146A8.96 8.96 0 0 0 20 11a8.96 8.96 0 0 0-1.972-5.614l-2.146 2.146zM7 11a4 4 0 1 0 8 0 4 4 0 0 0-8 0zm9.614 7.028l-2.146-2.146A5.959 5.959 0 0 1 11 17a5.959 5.959 0 0 1-3.468-1.118l-2.146 2.146A8.96 8.96 0 0 0 11 20a8.96 8.96 0 0 0 5.614-1.972zM3.972 16.614l2.146-2.146A5.959 5.959 0 0 1 5 11c0-1.295.42-2.487 1.118-3.468L3.972 5.386A8.96 8.96 0 0 0 2 11a8.96 8.96 0 0 0 1.972 5.614zM5.386 3.972l2.146 2.146A5.959 5.959 0 0 1 11 5c1.295 0 2.487.42 3.468 1.118l2.146-2.146A8.96 8.96 0 0 0 11 2a8.96 8.96 0 0 0-5.614 1.972z' class='f-icon lifevest'/%3E%3C/svg%3E");
}

.f-ico.i-filter{
  width: 20px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='18' viewBox='0 0 20 18' fill='%23c3c8cc'%3E%3Cpath d='M11.003 8.988l6.994-6.999H2.01l6.994 6.999v6.999l1.999-2V8.988zm8.407-5.585l-6.409 6.413v4.171a1.99 1.99 0 0 1-.586 1.414l-1.985 1.987a1.999 1.999 0 0 1-3.424-1.401V9.816L.61 3.416A1.998 1.998 0 0 1 2.01-.01h15.987a2 2 0 0 1 1.413 3.413z' class='f-icon filter'/%3E%3C/svg%3E");
}

.f-ico.i-filter.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='18' viewBox='0 0 20 18' fill='%23ffffff'%3E%3Cpath d='M11.003 8.988l6.994-6.999H2.01l6.994 6.999v6.999l1.999-2V8.988zm8.407-5.585l-6.409 6.413v4.171a1.99 1.99 0 0 1-.586 1.414l-1.985 1.987a1.999 1.999 0 0 1-3.424-1.401V9.816L.61 3.416A1.998 1.998 0 0 1 2.01-.01h15.987a2 2 0 0 1 1.413 3.413z' class='f-icon filter'/%3E%3C/svg%3E");
}

.f-ico.i-plus-in-circle{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm1.001 14h-2v-4H6V10h4.001V6.003h2V10H16v1.999h-3.999v4z' class='f-icon plus-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-plus-in-circle.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm1.001 14h-2v-4H6V10h4.001V6.003h2V10H16v1.999h-3.999v4z' class='f-icon plus-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-plus-in-circle.blue{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%232688eb'%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm1.001 14h-2v-4H6V10h4.001V6.003h2V10H16v1.999h-3.999v4z' class='f-icon plus-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-minus-in-circle{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' fill='%23c3c8cc'%3E%3Ctitle%3Eminus-in-circle%3C/title%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm-5 10V10h10v1.999H6z'/%3E%3C/svg%3E");
}

.f-ico.i-minus-in-circle.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Ctitle%3Eminus-in-circle%3C/title%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm-5 10V10h10v1.999H6z'/%3E%3C/svg%3E");
}

.f-ico.i-arrow{
  width: 21px;
  height: 7px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='21' height='7' viewBox='0 0 21 7' fill='%23c3c8cc'%3E%3Cpath d='M0 3h18V0l3 3v1l-3 3V4H0V3z' class='f-icon arrow'/%3E%3C/svg%3E");
}

.f-ico.i-arrow.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='21' height='7' viewBox='0 0 21 7' fill='%23ffffff'%3E%3Cpath d='M0 3h18V0l3 3v1l-3 3V4H0V3z' class='f-icon arrow'/%3E%3C/svg%3E");
}

.f-ico.i-arrow.top{
  transform: rotate(90deg);
}

.f-ico.i-arrow.red{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='21' height='7' viewBox='0 0 21 7' fill='red'%3E%3Cpath d='M0 3h18V0l3 3v1l-3 3V4H0V3z' class='f-icon arrow'/%3E%3C/svg%3E");
}

.f-ico.i-arrow.green{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='21' height='7' viewBox='0 0 21 7' fill='rgb(66, 204, 5)'%3E%3Cpath d='M0 3h18V0l3 3v1l-3 3V4H0V3z' class='f-icon arrow'/%3E%3C/svg%3E");
}

.f-ico.i-arrow.mini{
  transform: scale(.5);
}

.f-ico.i-controlling{
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='20' viewBox='0 0 18 20' fill='%23c3c8cc'%3E%3Cpath d='M10 18v2H8v-2H0v-2h8v-2h2v2h8v2h-8zm-6-5H2v-2H0V9h2V7h2v2h14v2H4v2zm12-7h-2V4H0V2h14V0h2v2h2v2h-2v2z' class='f-icon controlling'/%3E%3C/svg%3E");
}

.f-ico.i-controlling.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='20' viewBox='0 0 18 20' fill='%23ffffff'%3E%3Cpath d='M10 18v2H8v-2H0v-2h8v-2h2v2h8v2h-8zm-6-5H2v-2H0V9h2V7h2v2h14v2H4v2zm12-7h-2V4H0V2h14V0h2v2h2v2h-2v2z' class='f-icon controlling'/%3E%3C/svg%3E");
}

.f-ico.i-controlling.top{
  transform: rotate(90deg);
}

.f-ico.i-refresh{
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23c3c8cc'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E");
}

.f-ico.i-refresh.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23ffffff'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E");
}

.f-ico.i-swap{
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' viewBox='0 0 15 14' xmlns='http://www.w3.org/2000/svg' fill='%23c3c8cc'%3E%3Cpath d='M8.764 1.428L2.977 7.014 9.025 12.6l-1.476 1.414-7.524-7 7.263-7 1.476 1.414zm6 0L8.977 7.014l6.048 5.586-1.476 1.414-7.524-7 7.263-7 1.476 1.414z' class='f-icon swap'/%3E%3C/svg%3E");
}

.f-ico.i-check-small{
  width: 12px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23c3c8cc'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.f-ico.i-check-small.blue{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='rgb(38, 136, 235)'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.f-ico.i-check-small.green{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='rgb(66, 204, 5)'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.f-ico.i-check-small.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23ffffff'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.f-ico.i-logo-yandex{
  width: 41px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='41' height='16' viewBox='0 0 41 16' fill='%23c3c8cc'%3E%3Cdefs%3E%3Cstyle%3E.logo-yandex-1,.logo-yandex-2{fill:%23000;fill-rule:evenodd}.logo-yandex-2{fill:red}%3C/style%3E%3C/defs%3E%3Cpath d='M13.336 4.146v9.907h-1.519V9.611H9.53v4.442H7.992V4.146H9.53v4.207h2.287V4.146h1.519zM21.242 16h-1.38v-1.947h-4.259V16h-1.38v-3.205h.611c.907-2.103 1.006-5.169 1.006-7.803v-.846h4.614v8.649h.788V16zM18.935 5.385H17.22v.177c0 2.083-.099 5.13-.927 7.233h2.642v-7.41zm6.547 8.806c-2.051 0-3.313-1.631-3.313-4.678 0-3.185.888-5.504 2.997-5.504 1.657 0 2.741 1.238 2.741 4.6v.845h-4.141c0 2.241.631 3.42 1.854 3.42.867 0 1.558-.393 1.952-.668l.355 1.179c-.631.492-1.459.806-2.445.806zm-1.696-5.995h2.544c0-1.691-.276-2.929-1.164-2.929-.946 0-1.281 1.16-1.38 2.929zm7.237.924v4.933h-1.538V4.146h1.538v4.58l2.385-4.58h1.558l-2.465 4.659 2.82 5.248h-1.676L31.023 9.12zm4.495-.02c0-3.106 1.203-5.091 3.53-5.091.887 0 1.4.236 1.834.511l-.217 1.454c-.414-.353-1.006-.688-1.637-.688-1.104 0-1.893 1.239-1.893 3.735 0 2.477.592 3.892 1.834 3.892.749 0 1.321-.294 1.676-.609l.355 1.14c-.533.452-1.163.747-2.071.747-2.129 0-3.411-1.71-3.411-5.091z' class='logo-yandex-1'/%3E%3Cpath d='M4.187 8.629l-2.421 5.362H0l2.659-5.734C1.409 7.631.576 6.496.576 4.402c0-2.936 1.885-4.403 4.127-4.403h2.282v13.992H5.457V8.629h-1.27zm1.27-7.358h-.813c-1.231 0-2.421.802-2.421 3.131 0 2.25 1.091 2.974 2.421 2.974h.813V1.271z' class='logo-yandex-2'/%3E%3C/svg%3E");
}

.f-ico.i-logo-google{
  width: 49px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='49' height='15' viewBox='0 0 49 15' fill='%23c3c8cc'%3E%3Cdefs%3E%3Cstyle%3E.logo-google-1{fill:%23ea4335}.logo-google-1,.logo-google-2,.logo-google-3,.logo-google-4{fill-rule:evenodd}.logo-google-2{fill:%2334a853}.logo-google-3{fill:%234285f4}.logo-google-4{fill:%23fbbc05}%3C/style%3E%3C/defs%3E%3Cpath d='M45.68 10.121c-.872 0-1.489-.385-1.891-1.148l5.21-2.094-.175-.431c-.322-.848-1.314-2.413-3.332-2.413-2.004 0-3.674 1.533-3.674 3.79 0 2.126 1.649 3.79 3.862 3.79a3.911 3.911 0 0 0 3.245-1.677l-1.328-.861c-.442.626-1.046 1.044-1.917 1.044zm-.121-4.664c.691 0 1.281.346 1.475.835l-3.52 1.415c0-1.591 1.16-2.25 2.045-2.25z' class='logo-google-1'/%3E%3Cpath d='M38.801.154h1.683v11.461h-1.683V.154z' class='logo-google-2'/%3E%3Cpath d='M35.838 4.883h-.061c-.382-.444-1.119-.848-2.051-.848-1.944 0-3.641 1.65-3.641 3.79 0 2.126 1.697 3.79 3.641 3.79.932 0 1.669-.405 2.051-.861h.061v.528c0 1.448-.798 2.224-2.079 2.224-1.045 0-1.696-.73-1.964-1.35l-1.488.6a3.707 3.707 0 0 0 3.452 2.237c2.005 0 3.701-1.148 3.701-3.946V4.231h-1.622v.652zm-1.965 5.238c-1.18 0-2.078-.979-2.078-2.296 0-1.337.898-2.296 2.078-2.296 1.167 0 2.079.978 2.079 2.309.006 1.324-.912 2.283-2.079 2.283z' class='logo-google-3'/%3E%3Cpath d='M25.392 4.035c-2.152 0-3.908 1.592-3.908 3.79 0 2.178 1.756 3.79 3.908 3.79 2.153 0 3.909-1.605 3.909-3.79 0-2.198-1.756-3.79-3.909-3.79zm0 6.086c-1.18 0-2.199-.946-2.199-2.296 0-1.364 1.019-2.296 2.199-2.296s2.199.932 2.199 2.296c0 1.35-1.019 2.296-2.199 2.296z' class='logo-google-4'/%3E%3Cpath d='M16.677 4.035c-2.152 0-3.909 1.592-3.909 3.79 0 2.178 1.757 3.79 3.909 3.79s3.908-1.605 3.908-3.79c0-2.198-1.756-3.79-3.908-3.79zm0 6.086c-1.18 0-2.199-.946-2.199-2.296 0-1.364 1.019-2.296 2.199-2.296s2.199.932 2.199 2.296c0 1.35-1.019 2.296-2.199 2.296z' class='logo-google-1'/%3E%3Cpath d='M6.111 5.34v1.604h3.942c-.121.9-.429 1.559-.899 2.022-.576.561-1.475 1.174-3.043 1.174-2.427 0-4.325-1.904-4.325-4.266 0-2.361 1.898-4.266 4.325-4.266 1.307 0 2.266.503 2.97 1.148l1.159-1.128C9.262.702 7.948-.003 6.111-.003c-3.326 0-6.122 2.635-6.122 5.871 0 3.235 2.796 5.87 6.122 5.87 1.796 0 3.151-.574 4.21-1.643 1.086-1.057 1.428-2.551 1.428-3.751a5.04 5.04 0 0 0-.087-1.004H6.111z' class='logo-google-3'/%3E%3C/svg%3E");
}

.f-ico.i-info-small{
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='13' height='13' viewBox='0 0 13 13' fill='%23c3c8cc'%3E%3Cdefs%3E%3Cstyle%3E.info-small{fill:%23c3c8cc;fill-rule:evenodd}%3C/style%3E%3C/defs%3E%3Cpath d='M6.5 13a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-12a5.5 5.5 0 1 0 0 11 5.5 5.5 0 1 0 0-11zM6 6h1v3H6V6zm0-2h1v1H6V4z' class='f-icon info-small'/%3E%3C/svg%3E");
}

.f-ico.i-ok-good{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm-5 8.737L7.414 9.26 10 12.047l4.586-5.048L16 8.475l-6 6.524-4-4.263z' class='f-icon ok-good'/%3E%3C/svg%3E");
}

.f-ico.i-ok-good.green{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(66, 204, 5)'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm-5 8.737L7.414 9.26 10 12.047l4.586-5.048L16 8.475l-6 6.524-4-4.263z' class='f-icon ok-good'/%3E%3C/svg%3E");
}

.f-ico.i-ok-good.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M11 21.999c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm-5 8.737L7.414 9.26 10 12.047l4.586-5.048L16 8.475l-6 6.524-4-4.263z' class='f-icon ok-good'/%3E%3C/svg%3E");
}

.f-ico.i-wrench{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M4 21.999a3.986 3.986 0 0 1-2.828-1.172l-.059-.063a3.992 3.992 0 0 1-.808-4.291l.002-.003c.202-.492.499-.933.865-1.299l3.3-3.3a8.965 8.965 0 0 1-.289-1.08 8.976 8.976 0 0 1 2.453-8.156A8.976 8.976 0 0 1 14.792.182a8.944 8.944 0 0 1 1.723.532.998.998 0 0 1 .315 1.624l-4.244 4.247A1.957 1.957 0 0 0 12 7.999c0 1.107.892 2 2 2 .276 0 .535-.053.765-.148.242-.101.462-.251.649-.438l4.246-4.245a.999.999 0 0 1 1.652.381c.217.522.387 1.078.505 1.658a8.976 8.976 0 0 1-2.453 8.156 8.976 8.976 0 0 1-8.156 2.453 9.152 9.152 0 0 1-1.08-.288l-3.3 3.299a4 4 0 0 1-1.298.867l-.058.022c-.46.182-.957.283-1.472.283zm-1.414-2.586a2.022 2.022 0 0 0 2.142.453l.036-.016c.242-.101.463-.25.65-.437l3.755-3.754c.28-.278.712-.376 1.097-.212a6.9 6.9 0 0 0 1.332.416c.44.089.909.136 1.402.136a6.98 6.98 0 0 0 4.95-2.05A6.98 6.98 0 0 0 20 8.999c0-.433-.037-.847-.105-1.238l-3.067 3.066c-.689.689-1.856 1.172-2.828 1.172a3.988 3.988 0 0 1-2.828-1.172A4.006 4.006 0 0 1 10 7.999c0-1.056.425-2.081 1.172-2.828l3.066-3.066A7.045 7.045 0 0 0 13 1.999a6.98 6.98 0 0 0-4.95 2.05A6.982 6.982 0 0 0 6 8.999c0 .493.047.962.136 1.401.088.436.22.862.391 1.275a.999.999 0 0 1-.187 1.155l-3.754 3.755A1.975 1.975 0 0 0 2 17.999c0 .534.206 1.018.543 1.374l.043.04z' class='f-icon wrench'/%3E%3C/svg%3E");
}

.f-ico.i-wrench.red{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(244, 44, 44)'%3E%3Cpath d='M4 21.999a3.986 3.986 0 0 1-2.828-1.172l-.059-.063a3.992 3.992 0 0 1-.808-4.291l.002-.003c.202-.492.499-.933.865-1.299l3.3-3.3a8.965 8.965 0 0 1-.289-1.08 8.976 8.976 0 0 1 2.453-8.156A8.976 8.976 0 0 1 14.792.182a8.944 8.944 0 0 1 1.723.532.998.998 0 0 1 .315 1.624l-4.244 4.247A1.957 1.957 0 0 0 12 7.999c0 1.107.892 2 2 2 .276 0 .535-.053.765-.148.242-.101.462-.251.649-.438l4.246-4.245a.999.999 0 0 1 1.652.381c.217.522.387 1.078.505 1.658a8.976 8.976 0 0 1-2.453 8.156 8.976 8.976 0 0 1-8.156 2.453 9.152 9.152 0 0 1-1.08-.288l-3.3 3.299a4 4 0 0 1-1.298.867l-.058.022c-.46.182-.957.283-1.472.283zm-1.414-2.586a2.022 2.022 0 0 0 2.142.453l.036-.016c.242-.101.463-.25.65-.437l3.755-3.754c.28-.278.712-.376 1.097-.212a6.9 6.9 0 0 0 1.332.416c.44.089.909.136 1.402.136a6.98 6.98 0 0 0 4.95-2.05A6.98 6.98 0 0 0 20 8.999c0-.433-.037-.847-.105-1.238l-3.067 3.066c-.689.689-1.856 1.172-2.828 1.172a3.988 3.988 0 0 1-2.828-1.172A4.006 4.006 0 0 1 10 7.999c0-1.056.425-2.081 1.172-2.828l3.066-3.066A7.045 7.045 0 0 0 13 1.999a6.98 6.98 0 0 0-4.95 2.05A6.982 6.982 0 0 0 6 8.999c0 .493.047.962.136 1.401.088.436.22.862.391 1.275a.999.999 0 0 1-.187 1.155l-3.754 3.755A1.975 1.975 0 0 0 2 17.999c0 .534.206 1.018.543 1.374l.043.04z' class='f-icon wrench'/%3E%3C/svg%3E");
}

.f-ico.i-wrench.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M4 21.999a3.986 3.986 0 0 1-2.828-1.172l-.059-.063a3.992 3.992 0 0 1-.808-4.291l.002-.003c.202-.492.499-.933.865-1.299l3.3-3.3a8.965 8.965 0 0 1-.289-1.08 8.976 8.976 0 0 1 2.453-8.156A8.976 8.976 0 0 1 14.792.182a8.944 8.944 0 0 1 1.723.532.998.998 0 0 1 .315 1.624l-4.244 4.247A1.957 1.957 0 0 0 12 7.999c0 1.107.892 2 2 2 .276 0 .535-.053.765-.148.242-.101.462-.251.649-.438l4.246-4.245a.999.999 0 0 1 1.652.381c.217.522.387 1.078.505 1.658a8.976 8.976 0 0 1-2.453 8.156 8.976 8.976 0 0 1-8.156 2.453 9.152 9.152 0 0 1-1.08-.288l-3.3 3.299a4 4 0 0 1-1.298.867l-.058.022c-.46.182-.957.283-1.472.283zm-1.414-2.586a2.022 2.022 0 0 0 2.142.453l.036-.016c.242-.101.463-.25.65-.437l3.755-3.754c.28-.278.712-.376 1.097-.212a6.9 6.9 0 0 0 1.332.416c.44.089.909.136 1.402.136a6.98 6.98 0 0 0 4.95-2.05A6.98 6.98 0 0 0 20 8.999c0-.433-.037-.847-.105-1.238l-3.067 3.066c-.689.689-1.856 1.172-2.828 1.172a3.988 3.988 0 0 1-2.828-1.172A4.006 4.006 0 0 1 10 7.999c0-1.056.425-2.081 1.172-2.828l3.066-3.066A7.045 7.045 0 0 0 13 1.999a6.98 6.98 0 0 0-4.95 2.05A6.982 6.982 0 0 0 6 8.999c0 .493.047.962.136 1.401.088.436.22.862.391 1.275a.999.999 0 0 1-.187 1.155l-3.754 3.755A1.975 1.975 0 0 0 2 17.999c0 .534.206 1.018.543 1.374l.043.04z' class='f-icon wrench'/%3E%3C/svg%3E");
}

.f-ico.i-no{
  width: 20px;
  height: 1px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='1' viewBox='0 0 20 1' fill='%23c3c8cc'%3E%3Cpath class='f-icon no' d='M0 0h20v1H0z'/%3E%3C/svg%3E");
}

.f-ico.i-no.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='1' viewBox='0 0 20 1' fill='%23ffffff'%3E%3Cpath class='f-icon no' d='M0 0h20v1H0z'/%3E%3C/svg%3E");
}

.f-ico.i-loupe-strikeout{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M12 0c5.523 0 10 4.477 10 10a9.957 9.957 0 0 1-2.258 6.328L22 18.586 20.586 20 2 1.414 3.414 0l2.257 2.258A9.96 9.96 0 0 1 12 0zm6.319 14.905A8 8 0 0 0 7.094 3.68l11.225 11.225zm-1.694 3.963l-1.502-1.502a7.96 7.96 0 0 1-3.123.633A7.999 7.999 0 0 1 4.633 6.876L3.132 5.375A9.953 9.953 0 0 0 2 10c0 2.401.846 4.604 2.257 6.328L0 20.586 1.414 22l4.258-4.258A9.957 9.957 0 0 0 12 20a9.953 9.953 0 0 0 4.625-1.132z' class='f-icon loupe-strikeout'/%3E%3C/svg%3E");
}

.f-ico.i-loupe-strikeout.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M12 0c5.523 0 10 4.477 10 10a9.957 9.957 0 0 1-2.258 6.328L22 18.586 20.586 20 2 1.414 3.414 0l2.257 2.258A9.96 9.96 0 0 1 12 0zm6.319 14.905A8 8 0 0 0 7.094 3.68l11.225 11.225zm-1.694 3.963l-1.502-1.502a7.96 7.96 0 0 1-3.123.633A7.999 7.999 0 0 1 4.633 6.876L3.132 5.375A9.953 9.953 0 0 0 2 10c0 2.401.846 4.604 2.257 6.328L0 20.586 1.414 22l4.258-4.258A9.957 9.957 0 0 0 12 20a9.953 9.953 0 0 0 4.625-1.132z' class='f-icon loupe-strikeout'/%3E%3C/svg%3E");
}

.f-ico.i-eyes{
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='20' viewBox='0 0 22 20' fill='%23c3c8cc'%3E%3Cpath d='M21.933 10.437c-.608 2.711-2.318 5.098-4.448 6.837C15.741 18.698 13.286 20 10.984 20c-2.303 0-4.758-1.302-6.502-2.726-2.13-1.739-3.84-4.126-4.448-6.837a1.902 1.902 0 0 1 0-.875c.608-2.711 2.318-5.098 4.448-6.838C6.226 1.301 8.681-.001 10.984-.001c2.302 0 4.757 1.302 6.501 2.725 2.13 1.74 3.84 4.127 4.448 6.838.068.302.068.573 0 .875zM10.984 1.999c-3 0-7.968 3.4-8.999 8 1.031 4.601 5.999 8 8.999 8 2.999 0 7.967-3.399 8.998-8-1.031-4.6-5.999-8-8.998-8zm0 12.001a3.99 3.99 0 0 1-2.828-1.172 3.988 3.988 0 0 1-1.172-2.829c0-1.104.448-2.104 1.172-2.828A3.989 3.989 0 0 1 10.984 6c1.103 0 2.104.448 2.827 1.171a3.988 3.988 0 0 1 1.172 2.828 3.988 3.988 0 0 1-1.172 2.829A3.99 3.99 0 0 1 10.984 14zm1.413-5.415a1.998 1.998 0 0 0-3.413 1.414 1.998 1.998 0 0 0 3.413 1.415c.362-.362.586-.862.586-1.415 0-.552-.224-1.052-.586-1.414z' class='f-icon eyes'/%3E%3C/svg%3E");
}

.f-ico.i-eyes.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='20' viewBox='0 0 22 20' fill='%23ffffff'%3E%3Cpath d='M21.933 10.437c-.608 2.711-2.318 5.098-4.448 6.837C15.741 18.698 13.286 20 10.984 20c-2.303 0-4.758-1.302-6.502-2.726-2.13-1.739-3.84-4.126-4.448-6.837a1.902 1.902 0 0 1 0-.875c.608-2.711 2.318-5.098 4.448-6.838C6.226 1.301 8.681-.001 10.984-.001c2.302 0 4.757 1.302 6.501 2.725 2.13 1.74 3.84 4.127 4.448 6.838.068.302.068.573 0 .875zM10.984 1.999c-3 0-7.968 3.4-8.999 8 1.031 4.601 5.999 8 8.999 8 2.999 0 7.967-3.399 8.998-8-1.031-4.6-5.999-8-8.998-8zm0 12.001a3.99 3.99 0 0 1-2.828-1.172 3.988 3.988 0 0 1-1.172-2.829c0-1.104.448-2.104 1.172-2.828A3.989 3.989 0 0 1 10.984 6c1.103 0 2.104.448 2.827 1.171a3.988 3.988 0 0 1 1.172 2.828 3.988 3.988 0 0 1-1.172 2.829A3.99 3.99 0 0 1 10.984 14zm1.413-5.415a1.998 1.998 0 0 0-3.413 1.414 1.998 1.998 0 0 0 3.413 1.415c.362-.362.586-.862.586-1.415 0-.552-.224-1.052-.586-1.414z' class='f-icon eyes'/%3E%3C/svg%3E");
}

.f-ico.i-mouse{
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 19.843 19.875' fill='%23c3c8cc'%3E%3Cpath d='M1.394 19.861l5.539-5.539 2.211 4.422a1.945 1.945 0 0 0 1.825 1.096 1.943 1.943 0 0 0 1.765-1.187l6.941-15.864a1.952 1.952 0 0 0-.414-2.197 1.95 1.95 0 0 0-2.197-.414L1.2 7.119A1.943 1.943 0 0 0 .013 8.884a1.945 1.945 0 0 0 1.095 1.824l4.423 2.212-5.539 5.539 1.402 1.402zM17.858 1.994l-6.94 15.864-2.974-5.95-5.949-2.973 15.863-6.941z' class='f-icon mouse'/%3E%3C/svg%3E");
}

.f-ico.i-mouse.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 19.843 19.875' fill='%23ffffff'%3E%3Cpath d='M1.394 19.861l5.539-5.539 2.211 4.422a1.945 1.945 0 0 0 1.825 1.096 1.943 1.943 0 0 0 1.765-1.187l6.941-15.864a1.952 1.952 0 0 0-.414-2.197 1.95 1.95 0 0 0-2.197-.414L1.2 7.119A1.943 1.943 0 0 0 .013 8.884a1.945 1.945 0 0 0 1.095 1.824l4.423 2.212-5.539 5.539 1.402 1.402zM17.858 1.994l-6.94 15.864-2.974-5.95-5.949-2.973 15.863-6.941z' class='f-icon mouse'/%3E%3C/svg%3E");
}

.f-ico.i-user{
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23c3c8cc'%3E%3Cpath d='M17.782 20H1.978a1.934 1.934 0 0 1-1.767-1.106 1.98 1.98 0 0 1 .187-2.095 11.868 11.868 0 0 1 5.474-4.094A7.016 7.016 0 0 1 2.965 7c0-3.866 3.096-7 6.915-7 3.818 0 6.914 3.134 6.914 7a7.017 7.017 0 0 1-2.907 5.705 11.868 11.868 0 0 1 5.475 4.093c.46.622.53 1.401.187 2.096-.343.694-1 1.106-1.767 1.106zM9.88 12c2.728 0 4.939-2.239 4.939-5 0-2.762-2.212-5-4.939-5-2.728 0-4.94 2.238-4.94 5 0 2.761 2.212 5 4.94 5zm7.902 6c-1.802-2.429-4.671-4.001-7.902-4.001-3.232 0-6.1 1.572-7.902 4.001h15.804z' class='f-icon user'/%3E%3C/svg%3E");
}

.f-ico.i-user.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23ffffff'%3E%3Cpath d='M17.782 20H1.978a1.934 1.934 0 0 1-1.767-1.106 1.98 1.98 0 0 1 .187-2.095 11.868 11.868 0 0 1 5.474-4.094A7.016 7.016 0 0 1 2.965 7c0-3.866 3.096-7 6.915-7 3.818 0 6.914 3.134 6.914 7a7.017 7.017 0 0 1-2.907 5.705 11.868 11.868 0 0 1 5.475 4.093c.46.622.53 1.401.187 2.096-.343.694-1 1.106-1.767 1.106zM9.88 12c2.728 0 4.939-2.239 4.939-5 0-2.762-2.212-5-4.939-5-2.728 0-4.94 2.238-4.94 5 0 2.761 2.212 5 4.94 5zm7.902 6c-1.802-2.429-4.671-4.001-7.902-4.001-3.232 0-6.1 1.572-7.902 4.001h15.804z' class='f-icon user'/%3E%3C/svg%3E");
}

.f-ico.i-bell{
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='20' viewBox='0 0 18 20' fill='%23c3c8cc'%3E%3Cpath d='M13 16a4 4 0 0 1-8 0H0v-2h1V8a8 8 0 0 1 16 0v6h1v2h-5zm-4 2a2 2 0 0 0 2-2H7a2 2 0 0 0 2 2zm6-10A6 6 0 1 0 3 8v6h12V8z' class='f-icon bell'/%3E%3C/svg%3E");
}

.f-ico.i-bell.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='20' viewBox='0 0 18 20' fill='%23ffffff'%3E%3Cpath d='M13 16a4 4 0 0 1-8 0H0v-2h1V8a8 8 0 0 1 16 0v6h1v2h-5zm-4 2a2 2 0 0 0 2-2H7a2 2 0 0 0 2 2zm6-10A6 6 0 1 0 3 8v6h12V8z' class='f-icon bell'/%3E%3C/svg%3E");
}

.f-ico.i-play-in-circle{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23c3c8cc'%3E%3Cpath d='M11-.001c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-.445 8.169A1 1 0 0 0 9 8.999v4a1 1 0 0 0 1.609.794l2.942-1.961a.999.999 0 0 0 .004-1.664l-3-2zM11 1.999a9 9 0 1 0 0 18 9 9 0 0 0 0-18z' class='f-icon play-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-play-in-circle.blue{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(38, 136, 235)'%3E%3Cpath d='M11-.001c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-.445 8.169A1 1 0 0 0 9 8.999v4a1 1 0 0 0 1.609.794l2.942-1.961a.999.999 0 0 0 .004-1.664l-3-2zM11 1.999a9 9 0 1 0 0 18 9 9 0 0 0 0-18z' class='f-icon play-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-play-in-circle.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='%23ffffff'%3E%3Cpath d='M11-.001c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-.445 8.169A1 1 0 0 0 9 8.999v4a1 1 0 0 0 1.609.794l2.942-1.961a.999.999 0 0 0 .004-1.664l-3-2zM11 1.999a9 9 0 1 0 0 18 9 9 0 0 0 0-18z' class='f-icon play-in-circle'/%3E%3C/svg%3E");
}

.f-ico.i-plus{
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='14' viewBox='0 0 14 14' fill='%23c3c8cc'%3E%3Cpath d='M14 8H8v6H6V8H0V6h6V0h2v6h6v2z' class='f-icon plus'/%3E%3C/svg%3E");
}

.f-ico.i-plus.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='14' viewBox='0 0 14 14' fill='%23ffffff'%3E%3Cpath d='M14 8H8v6H6V8H0V6h6V0h2v6h6v2z' class='f-icon plus'/%3E%3C/svg%3E");
}

.f-ico.i-minus{
  width: 14px;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='2' viewBox='0 0 14 2' fill='%232688eb'%3E%3Cpath class='f-icon minus' d='M0 0h14v2H0z'/%3E%3C/svg%3E");
}

.f-ico.i-minus.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='2' viewBox='0 0 14 2' fill='%23ffffff'%3E%3Cpath class='f-icon minus' d='M0 0h14v2H0z'/%3E%3C/svg%3E");
}

.f-ico.i-shout{
  width: 2px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='2' height='12' viewBox='0 0 2 12' fill='red'%3E%3Cpath d='M0 12v-2h2v2H0zM0 0h2v8H0V0z' class='f-icon shout'/%3E%3C/svg%3E");
}

.f-ico.i-shout.white{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='2' height='12' viewBox='0 0 2 12' fill='%23ffffff'%3E%3Cpath d='M0 12v-2h2v2H0zM0 0h2v8H0V0z' class='f-icon shout'/%3E%3C/svg%3E");
}

.f-ico.i-watch{
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23adb1b9'%3E%3Cpath d='M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-18a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm1.343 10.714l-1.919-1.918A.984.984 0 0 1 9 10V6a1 1 0 1 1 2 0v3.628l1.714 1.715a.969.969 0 1 1-1.371 1.371z' class='watch'/%3E%3C/svg%3E");
}

.f-ico.i-dynamics{
  width: 7px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 7 9' xmlns='http://www.w3.org/2000/svg' fill='red'%3E%3Cpath d='M3 9l3.15-3.265H3.788V0H2.213v5.735H-.15z'/%3E%3C/svg%3E");
}

.f-ico.i-dynamics.up{
  transform: rotate(180deg);
}

.f-ico.i-dynamics.green{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 7 9' xmlns='http://www.w3.org/2000/svg' fill='rgb(66, 204, 5)'%3E%3Cpath d='M3 9l3.15-3.265H3.788V0H2.213v5.735H-.15z'/%3E%3C/svg%3E");
}

/* Маленький спиннер для отображения прогресса */

.loader {
  font-size: 10px;
  margin: 0 auto;
  text-indent: -9999em;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ccc;
  background: linear-gradient(to right, #ccc 10%, rgba(0, 0, 0, 0) 42%);
  position: relative;
  animation: load3 1.8s infinite linear;
  transform: translateZ(0)
}

.loader.blue{
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
}

.loader.blue:before{
  background: #ffffff;
}

.loader.blue:after{
  background-color: rgb(38, 136, 235);
}

.loader:before{
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after{
  background: #fefffe;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.tip-wrap {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

.tip-wrap_box{
  padding: 15px;
  font-size: 13px;
}

.tip-wrap_box .tip_name{
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}

.tip-wrap_box .tip_actions{
  margin-top: 5px;
}

.table-content {
  padding: 0 20px 25px 20px
}

.table-content.table-content--istotal{
  padding-bottom: 105px;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
   background-color: transparent;
   width: 100%;
   max-width: 100%;
 }

table .text-center {
  text-align: center!important;
}

table .text-right {
  text-align: right!important;
}

table thead th {
  background-color: rgb(247, 250, 250);

  /*box-shadow: 0 1px 0 rgb(233, 239, 240);*/
  border-bottom: 1px solid rgb(233, 239, 240);
  text-align: left;
  padding: 18px 22px 18px 18px;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

table thead th:last-child, table thead th:first-child{
  padding-left: 18px;
}

table tbody th {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

table tbody td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid rgb(233, 239, 240);
  vertical-align: middle;
  padding: 18px 22px 18px 18px;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

table tbody td .table_name-help {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

table tbody td:first-child{
  padding-left: 18px;
}

table tbody td:last-child{
  padding-right: 40px;
}

table tbody tr {
  border-left: 1px solid rgb(233, 239, 240);
  border-right: 1px solid rgb(233, 239, 240);
}

.table {
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px
}

.table.table--gray.table-words tbody td{
  color: rgb(195, 200, 204);
}

.table.table--gray.table-words td .table_name{
  color: rgb(195, 200, 204);
}

.table_name{
  display: block;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.table_name-help{
  color: rgb(195, 200, 204);
  font-size: 12px;
  font-weight: 400;
}

.times-wrapper {
  width: 100%;
}

.checkbox-zone {
  padding: 0;
  border: 0;
  width: 100%;
  margin: 0 auto;
}

.checkbox-zone thead th {
  border-bottom: 1px solid rgb(233, 239, 240)
}

.checkbox-zone thead th:last-child{
  padding-left: 0;
}

.checkbox-zone tbody td:last-child {
  padding-right: 0;
}

.checkbox-zone tr {
  padding: 0;
  border: 0;
  box-shadow: none;
  transition: all 0.3s ease;
}

.checkbox-zone th {
  color: rgb(195, 200, 204);
  font-size: 12px;
  font-weight: 400;
  border: 0;
  vertical-align: middle;
  padding: 4px 0 8px 0;
  box-shadow: none;
}

.checkbox-zone td {
  padding: 4px 0 4px 0;
  border: 0;
  vertical-align: middle;
  transition: all 0.35s ease;
  cursor: pointer;
}

.checkbox-zone td .form-check {
  margin: 0;
}

.checkbox-zone td .form-check label {
  padding-left: 0;
  padding-right: 10px;
}

.checkbox-zone tr.empty td, .checkbox-zone tr.empty th {
  padding: 5px 0 5px 0;
}

.checkbox-zone tr.empty:hover{
  bottom: 0;
}

.checkbox-zone tr.empty:hover td, .checkbox-zone tr.empty:hover th{
  background-color: transparent;
}

.checkbox-zone tbody th span {
  position: relative;
  top: 2px;
}

.checkbox-zone tbody tr:hover {
  border: 0;
}

.checkbox-zone tbody tr:hover td, .checkbox-zone tbody tr:hover th, .checkbox-zone tbody tr:hover tr {
  background-color: rgb(233, 239, 240);
  transition: all 0.35s ease;
}

/*
a[href]:not([class]) {
  color: rgb(38, 136, 235);
  text-decoration: underline;
}
*/

a {
  color: rgb(38, 136, 235);
  transition: all 0.3s ease
}

a:hover{
  text-decoration: none;
}

ins.ruble {
  text-decoration: none;
}

.pseudo {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px dotted rgb(44, 49, 51);
  transition: all 0.3s ease
}

.pseudo:hover{
  border-bottom-color: rgb(38, 136, 235);
  color: rgb(38, 136, 235);
}

.undo {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative
}

.undo-icon{
  position: relative;
  top: 4px;
  margin-right: 8px;
}

.undo-icon .i-refresh{
  display: inline-block;
  transition: all 0.3s ease;
}

.undo:hover{
  color: rgb(38, 136, 235);
}

.undo:hover .i-refresh{
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='rgb(38, 136, 235)'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E");
}

.remove-link {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative
}

.remove-link-icon{
  position: relative;
  top: 4px;
  margin-right: 8px;
}

.remove-link-icon .i-refresh{
  display: inline-block;
  transition: all 0.3s ease;
}

.remove-link:hover{
  color: #dc3545;
}

.remove-link:hover .i-close{
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='%23dc3545'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.help-link {
  color: rgb(195, 200, 204);
  text-decoration: none
}

.help-link__icon{
  position: relative;
  top: 2px;
}

.text-red {
  color: rgb(255, 0, 0);
}

.text-green {
  color: #008000;
}

.close-link {
  display: flex;
  align-items: center;
  align-content: center;
  text-decoration: none;
  color: rgb(49, 52, 54);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.close-link .close_icon {
  margin-right: 10px;
}

.close-link:hover{
  color: rgb(38, 136, 235);
}

.close-link:hover .i-close{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='rgb(38, 136, 235)'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.add {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative
}

.add-icon{
  position: relative;
  top: 5px;
  margin-right: 8px;
}

.add-icon .i-plus-in-circle{
  display: inline-block;
  transition: all 0.3s ease;
}

.add:hover{
  color: rgb(38, 136, 235);
}

.add:hover .i-plus-in-circle{
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(38, 136, 235)'%3E%3Cpath d='M11 21.999C4.925 21.999 0 17.074 0 11 0 4.924 4.925-.001 11-.001S22 4.924 22 11c0 6.074-4.925 10.999-11 10.999zm0-20a9 9 0 0 0-9 9 9 9 0 1 0 9-9zm1.001 14h-2v-4H6V10h4.001V6.003h2V10H16v1.999h-3.999v4z' class='f-icon plus-in-circle'/%3E%3C/svg%3E");
}

.type-select {
  display: block;
  position: relative;
  padding-left: 40px
}

.type-select.type-select--active .type-select-counter{
  border-color: #42cc05;
  color: #42cc05;
}

.type-select.type-select--active .type-select-counter span{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%2342cc05'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.type-select__che{
  position: absolute;
  top: 3px;
  left: 0;
}

.type-select__che .form-check{
  margin: 0;
}

.type-select__description{
  line-height: 30px;
}

.type-select__description .block-btn{
  margin-top: 10px;
}

.type-select__description-name{
  font-weight: 700;
  display: block;
}

.type-select__description-text{
  display: block;
}

.type-select-counter{
  width: 22px;
  height: 22px;
  border: 2px solid #c3c8cc;
  display: block;
  border-radius: 50%;
  position: relative;
  margin-right: 18px;
  color: #c3c8cc;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
}

.type-select-counter span{
  text-align: center;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23c3c8cc'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
  width: 12px;
  height: 9px;
  top: 5px;
  left: 3px;
  display: block;
  text-indent: -9999px;
}

/* Модули */

/* страница прогресса */

.d-progress-page {
  padding: 25px 0;
  font-family: 'Roboto', sans-serif;
  margin: 0 auto;
  display: block;
}

.d-progress-page h1 {
  font-size: 35px;
  margin-bottom: 25px;
  font-weight: 300;
  line-height: 35px;
  color: #000;
}

.d-progress-page h2 {
  font-size: 25px;
  margin-top: 25px;
  margin-bottom: 20px;
  font-weight: 300;
  color: #000;
}

.d-progress-page ul, .d-progress-page li {
  margin-left: 0;
}

.d-progress-page ul li {
  list-style: none;
  margin-bottom: 0.7em;
  position: relative;
}

.d-progress-page ul ul {
  display: block;
  margin: 0.5em 0 1em 1.5em;
  padding: 0;
  position: static;
}

.d-progress-page ul {
  display: inline-block;
  position: relative;
  margin-left: 0;
  padding-left: 0;
}

.d-progress-page .selected {
  font-weight: 800;
}

.d-progress-page .d-progress {
  position: absolute;
  top: 0.1em;
  left: 100%;
  white-space: nowrap;
}

.d-progress-page .d-progress.design {
  margin-left: 30px;
}

.d-progress-page .d-progress.html {
  margin-left: 285px;
}

.d-progress-page .d-progress.time {
  margin-left: 540px;
}

.d-progress-page .d-progress.time a {
  opacity: .6;
}

.d-progress-page .d-progress.time a:hover, .d-progress-page .readme a:hover {
  opacity: 1;
  color: rgb(255, 0, 0);
  border-color: rgba(255, 0, 0, .68);
}

.d-progress-page progress {
  margin-right: 8px;
  width: 170px;
}

.d-progress-page progress, .d-progress-page .d-progress_value {
  display: inline-block;
  vertical-align: middle;
}

.d-progress-page .readme {
  margin-top: 10px;
}

.d-progress-page .readme p {
  margin: 15px 0 0 0;
}

.d-progress-page .readme p > abbr[title] {
  border-bottom: 1px dashed #ccc;
  text-decoration: none;
  cursor: help;
  font-style: italic;
}

.d-progress-page .readme pre {
  background: #fff0be;
  font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
  padding: 15px 15px;
  font-size: 12px;
  line-height: 1.335;
  margin-bottom: 20px;
  overflow-x: auto;
}

.d-progress-page .readme h2 {
  margin-top: 15px;
  margin-bottom: 10px;
}

.d-progress-page .foldable {
  margin-top: 10px;
  margin-bottom: 15px;
}

.d-progress-page .foldable .foldable__content {
  margin-top: 15px;
  display: none;
}

.d-progress-page a, .d-progress-page .link {
  color: rgb(5, 95, 187);
  text-decoration: none;
  border-bottom: 1px inset #b4cfea;
  transition: 0.3s ease;
}

.d-progress-page .link:hover {
  color: #ff6600;
  border-color: rgba(255, 95, 0, .68);
  transition: 0s ease;
}

/*}*/

.d-progress-page code, .d-progress-page tt {
  background: #FFFCD7;
  border: 1px solid #FFFCD7;
  color: rgb(203, 55, 22);
  border-radius: 3px;
  padding: 2px 5px;
  font-size: .85em;
}

/*border-color: #e0b2e0;*/

.d-progress-page .link__spacer, .d-progress-page .link__file-name {
  color: #b6b6b6;
  font-size: 12px;
  line-height: 12px;
  font-style: italic;
  padding: 0 0 0 2px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

/*color: #B40EB4;*/

.d-progress-page .link__file-name:hover {
  cursor: help;
}

/*.link:visited {*/

.d-progress-page .notnow {
  opacity: 0.31;
  pointer-events: none;
}

.d-progress-page .foldable__control .foldable__link {
  position: relative;
}

.d-progress-page .foldable__control .foldable__link:after {
  content: '';
  width: 0;
  height: 0;
  border: 5px solid;
  border-right: 4px dashed transparent;
  border-left: 4px dashed transparent;
  border-width: 5px 4px 0;
  margin: 0 -8px 0 0;
  position: relative;
  top: 14px;
  left: 4px;
  transition: 0s ease;
}

.d-progress-page .foldable__control.unfolded .foldable__link:after {
  top: -10px;
  border-width: 0 4px 5px;
}

.d-progress-page a[target="_blank"]:after, .d-progress-page .link[target="_blank"]:after {
  content: '';
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20194.818%20194.818%22%20style%3D%22fill%3A%23a3a3a3%3B%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M185.818%2C2.161h-57.04c-4.971%2C0-9%2C4.029-9%2C9s4.029%2C9%2C9%2C9h35.312l-86.3%2C86.3c-3.515%2C3.515-3.515%2C9.213%2C0%2C12.728%0D%0A%09%09c1.758%2C1.757%2C4.061%2C2.636%2C6.364%2C2.636s4.606-0.879%2C6.364-2.636l86.3-86.3v35.313c0%2C4.971%2C4.029%2C9%2C9%2C9s9-4.029%2C9-9v-57.04%0D%0A%09%09C194.818%2C6.19%2C190.789%2C2.161%2C185.818%2C2.161z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M149%2C77.201c-4.971%2C0-9%2C4.029-9%2C9v88.456H18v-122h93.778c4.971%2C0%2C9-4.029%2C9-9s-4.029-9-9-9H9c-4.971%2C0-9%2C4.029-9%2C9v140%0D%0A%09%09c0%2C4.971%2C4.029%2C9%2C9%2C9h140c4.971%2C0%2C9-4.029%2C9-9V86.201C158%2C81.23%2C153.971%2C77.201%2C149%2C77.201z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  background-position: 50% 50%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  margin: 0 0 0 5px;
  transition: 0.3s ease;
}

.d-progress-page .ul-link {
  position: relative;
  color: #8b8b8b;
  border-bottom-color: rgba(182, 182, 182, .54);
}

.d-progress-page .ul-link-ico {
  position: absolute;
  left: -23px;
  top: 2px;
}

.d-progress-page .ul-link-ico .like-ico {
  fill: #8b8b8b;
}

.d-progress-page .ul-link:hover .like-ico {
  fill: #ff6600;
}

.d-progress-page a[target="_blank"]:hover:after, .d-progress-page .link[target="_blank"]:hover:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20194.818%20194.818%22%20style%3D%22fill%3A%23ed3841%3B%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M185.818%2C2.161h-57.04c-4.971%2C0-9%2C4.029-9%2C9s4.029%2C9%2C9%2C9h35.312l-86.3%2C86.3c-3.515%2C3.515-3.515%2C9.213%2C0%2C12.728%0D%0A%09%09c1.758%2C1.757%2C4.061%2C2.636%2C6.364%2C2.636s4.606-0.879%2C6.364-2.636l86.3-86.3v35.313c0%2C4.971%2C4.029%2C9%2C9%2C9s9-4.029%2C9-9v-57.04%0D%0A%09%09C194.818%2C6.19%2C190.789%2C2.161%2C185.818%2C2.161z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M149%2C77.201c-4.971%2C0-9%2C4.029-9%2C9v88.456H18v-122h93.778c4.971%2C0%2C9-4.029%2C9-9s-4.029-9-9-9H9c-4.971%2C0-9%2C4.029-9%2C9v140%0D%0A%09%09c0%2C4.971%2C4.029%2C9%2C9%2C9h140c4.971%2C0%2C9-4.029%2C9-9V86.201C158%2C81.23%2C153.971%2C77.201%2C149%2C77.201z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
}

.d-progress-page .nonono {
  display: none;
  visibility: hidden;
}

/* /страница прогресса */

.add-project .form-group {
  width: 280px
}

.add-project .form-group--full{
  width: 100%;
}

.add-project .regions-wrapper {
  display: flex;
}

.add-project .regions-tree {
  width: auto;
  min-width: 600px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px
}

.add-project .regions-tree_box{
  position: relative;
  overflow-y: auto;
  padding: 19px 20px 19px 20px;
  height: 480px;
}

.add-project .region-default {
  margin-left: 40px;
}

.add-project .regions {
  list-style: none;
  margin: 0;
  padding: 0;
}

.add-project .regions .regions {
  padding: 10px 0 6px 33px;
}

.add-project .regions .tree-control_icon {
  display: block;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  margin: -8px;
  margin: -.5rem;
  padding: 8px;
  padding: .5rem;
}

.add-project .regions__item{
  margin-bottom: 5px;
  padding-left: 5px;
  position: relative;
}

.add-project .regions__item .tree-control, .add-project .regions__item .form-check{
  display: inline-block;
  vertical-align: middle;
}

.add-project .regions__item .form-check{
  margin: 0;
}

.add-project .regions__item .tree-control{
  margin-right: 16px;
}

.add-project .regions__item:last-child{
  margin-bottom: 0;
}

.add-project .regions__item.regions__item--expand .tree-control_icon{
  transform: rotate(180deg);
}

.alert-wrapper {
  background-color: rgb(233, 239, 240);
  display: flex;
  flex-direction: column;
}

table tbody td.td-alert {
  padding: 0;
}

table tbody td.td-alert .alert {
  margin: 0;
  border-radius: 0
}

table tbody td.td-alert .alert__icon{
  position: relative;
  align-self: center;
}

table tbody td.td-alert .alert-header{
  font-size: 16px;
}

table tbody td.td-alert .alert__actions{
  margin-right: 20px;
}

table tbody td.td-alert .alert__actions .btn-outline{
  border-color: #fff;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
}

table tbody td.td-alert .alert__actions .btn-outline:hover{
  opacity: .7;
}

table tbody td.td-alert .words-total {
  margin: 0
}

table tbody td.td-alert .words-total__box{
  border: 0;
  border-radius: 0;
}

table tbody td.td-alert:first-child, table tbody td.td-alert:last-child{
  padding: 0 !important;
  margin: 0 !important;
}

.alert {
  margin: 0 20px 10px 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 9px 19px 9px 19px;
  transition: all 0.3s ease
}

.alert.alert--red{
  background-color: rgb(244, 44, 44);
}

.alert.alert--red .alert__content, .alert.alert--red .alert-link{
  color: rgb(255, 255, 255);
}

.alert--orange{
  background-color: rgb(255, 153, 0);
}

.alert--orange .alert__content, .alert--orange .alert-link{
  color: rgb(255, 255, 255);
}

.alert--blue{
  background-color: rgb(38, 136, 235);
}

.alert--blue .alert__content, .alert--blue .alert-link{
  color: rgb(255, 255, 255);
}

.alert.expand{
  transition: all 0.3s ease;
}

.alert.expand .alert__expand span i{
  transition: all 0.3s ease;
  transform: rotate(180deg);
}

.alert.expand .alert__content-more{
  height: auto;
  opacity: 1;
  transition: all 0.3s ease;
  visibility: visible;
  padding-bottom: 10px;
}

.alert:last-child{
  margin-bottom: 0;
}

.alert__content{
  color: rgb(44, 49, 51);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
}

.alert__content-more{
  margin-top: 8px;
  display: flex;
  flex: 1 100%;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.alert__content{
  transition: all 0.3s ease;
  flex: 1 100%;
  align-self: flex-start;
}

.alert-link{
  margin-left: 20px;
  color: rgb(44, 49, 51);
  border-bottom: 1px solid;
  text-decoration: none;
  transition: all 0.3s ease;
}

.alert-link:hover{
  border-bottom: 0;
}

.alert__icon{
  position: relative;
  flex-basis: 25px;
  margin-right: 10px;
  align-self: flex-start;
}

.alert__icon .f-icon{
  fill: rgb(215, 219, 223);
}

.alert__close, .alert__expand{
  cursor: pointer;

  /*align-self: flex-start;*/
}

.alert__expand{
  align-self: flex-start;
}

.alert__close span{
  margin-left: auto;
}

.toast {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 109
}

.toast_wrap{
  background-color: rgba(51, 51, 51, .8);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px;
  margin: 0 auto;
  width: auto;
  padding: 10px 30px 10px 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
}

.toast_content a{
  margin-left: 10px;
  color: #3faefc;
}

.toast_close{
  color: #808080;
  cursor: pointer;
  position: absolute;
  text-align: center;
  top: 3px;
  right: 0;
  padding: 10px;
  white-space: nowrap;
  line-height: 10px;
}

.toast_close:hover{
  color: #ffffff;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  margin-left: 3px
}

.badge--orange{
  color: #fff;
  background-color: rgb(255, 153, 0);
}

.counter-box {
  margin: 35px 0 0 0
}

.counter-box__logo{
  margin-bottom: 15px;
  min-height: 40px;
}

.counter-box__btn{
  display: flex;
}

.counter-box__btn .close-link{
  margin-left: 20px;
}

.counter-box__btn .btn-outline.disabled{
  background-color: rgb(233, 239, 240);
  border-color: rgb(233, 239, 240);
  color: rgb(49, 52, 54);
}

.donut {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto
}

.donut_type{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}

.donut--blur{
  opacity: .6;
}

.status-wrap {
  position: relative;
  width: 49px;
  height: 49px;
}

.status-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
}

.status-wrap_type{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  z-index: 111;
}

.main .content.content-finance {
  padding-top: 35px;
}

.finance-report {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding-bottom: 15px;
  margin-top: 15px
}

.finance-report__item{
  flex-basis: 310px;
  text-align: right;
}

.finance-report__name{
  color: #2c3133;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.finance-report__value{
  color: #2c3133;
  font-weight: 400;
  line-height: 25px;
  font-size: 24px;
}

.finance-report__value .unit{
  font-size: 18px;
}

.finance-table {
  padding-top: 0;
}

.finance-table .balance {
  font-weight: 700;
}

.finance-table .parent ~ .children {
  display: none;
  transition: all 0.3s ease;
}

.finance-table .open .parent ~ .children {
  display: table-row;
  transition: all 0.3s ease;
}

.finance-table .parent {
  cursor: pointer;
  transition: all 0.3s ease;
}

.finance-table .open {
  background-color: #f7fafa;
  transition: all 0.3s ease;
}

.finance-table .open .children {
  background-color: #f7fafa;
  transition: all 0.3s ease;
}

.finance-table .open .children td {
  padding: 10px 22px 7px 18px;
}

.finance-table .open .children:not(:last-child) td{
  border-bottom: 0;
}

.finance-table .open .children:last-child td{
  padding-bottom: 18px;
}

.finance-table .open .parent td {
  border-bottom: 0;
  padding-bottom: 5px;
}

.finance-table .parent > *:last-child {
  width: 30px;
}

.finance-table .parent .expand {
  display: block;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  margin: -8px;
  margin: -.5rem;
  padding: 8px;
  padding: .5rem;
}

.finance-table .open .parent .expand {
  transform: rotate(180deg);
}

.finance-table .expand > svg {
  fill: #c3c8cc;
}

.finance-table .nan > svg {
  fill: #c3c8cc;
}

.foldable {
  display: block;
}

.foldable .idea {
  padding-left: 60px;
  position: relative;
  margin-top: 20px
}

.foldable .idea__icon{
  position: absolute;
  left: 20px;
  top: 5px;
}

.foldable .idea__icon .f-icon{
  fill: rgb(255, 153, 0);
}

.foldable .row {
  padding-left: 0;
  display: flex;
}

.foldable .row .col {
  flex: 1 100%;
}

.foldable.foldable--keyword .foldable__item{
  border-left: 0;
  border-right: 0;
  background-color: transparent;
}

.foldable__item{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  margin-bottom: -1px;
}

.foldable-box{
  padding: 24px 60px 24px 40px;
  position: relative;
  transition: all 0.3s ease;
}

п
    .foldable-box:hover{
  cursor: pointer;
}

п
    .foldable-box:hover .foldable-name{
  color: rgb(38, 136, 235);
}

.foldable-box.foldable-box--expand{
  background-color: #f7fafa;
}

.foldable-box.foldable-box--expand .foldable__content{
  height: auto;
  display: block;
}

.foldable-box.foldable-box--expand .foldable-status span{
  transform: rotate(180deg);
  display: block;
}

.foldable__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.foldable-name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: all 0.3s ease;
}

.foldable-name .help-link__icon .f-ico{
  display: inline-block;
}

.foldable-name__help-text{
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 15px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  z-index: 10;
  cursor: help;
  transition: all 0.3s ease;
}

.foldable-name__help-text.help-text-block{
  display: block;
  margin-left: -16px;
  margin-top: 2px;
  font-size: 13px;
}

.foldable-name__help-text.help-text-block a{
  opacity: .55;
}

.foldable__content{
  display: none;
  margin-top: 15px;
  height: 0;
}

.foldable__content .block-btn{
  margin-top: 28px;
}

.foldable__content .form-group:last-child{
  margin-bottom: 0;
}

.foldable__content.foldable__content-contact .row{
  margin-bottom: 20px;
}

.foldable__content.foldable__content-contact .row:last-child{
  margin-bottom: 0;
}

.header {
  height: 40px;
  background-color: rgb(38, 136, 235);
}

.header .info {
  display: flex;
}

.header .info__link span {
  position: relative;
  top: 2px;
}

.header .info__text {
  margin-left: 10px;
  margin-top: 2px;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
}

.header .info__text a {
  color: rgb(255, 255, 255);
}

.header--orange{
  background-color: rgb(255, 153, 0);
}

.header--orange .user-menu__link.user-menu__link.message .label{
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.header-box{
  display: flex;
  padding: 0 40px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  height: 40px;
}

.user-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex
}

.user-menu__item{
  margin-right: 25px;
}

.user-menu__item:last-child{
  margin-right: 0;
}

.user-menu__link{
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.user-menu__link.user-menu__link.balance{
  font-size: 18px;
}

.user-menu__link.user-menu__link.message .user-menu__text{
  display: none;
  visibility: hidden;
}

.user-menu__link.user-menu__link.message .user-menu__icon{
  position: relative;
  left: 3px;
  top: 3px;
}

.user-menu__link.user-menu__link.message .label{
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: rgb(255, 153, 0);
  position: absolute;
  top: -6px;
  right: -5px;
  text-indent: -9999px;
}

.user-menu__link.user-menu__link.user .user-menu__icon{
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.window-size {
  display: flex;
  height: 40px;
  align-items: center;
  align-content: center;
}

.window-size .form-group {
  margin-bottom: 0;
}

.window-size .form-group-divider {
  margin: 0 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 200;
}

.window-size .form-control {
  height: 28px;
  width: 60px;
  padding: 10px 10px 9px 10px;
}

.hello {
  padding: 20px 40px 20px 40px;
}

.hello h1 {
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 15px;
}

.hello h2 {
  margin-top: 34px;
  margin-bottom: 25px;
}

.hello .block-btn {
  margin-top: 22px;
}

.hello .row {
  padding-bottom: 29px
}

.hello .row.row-small{
  padding-bottom: 0;
}

.hello .row.row-small h2{
  margin-top: 8px;
}

.hello .row.row-border{
  position: relative;
}

.hello .row.row-border:before{
  position: absolute;
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e9eff0;
  z-index: 1;
  left: 20px;
  bottom: 0;
}

.hello .row.row-btn{
  padding-bottom: 6px;
}

.hello .hello-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 20px
}

.hello .hello-header__icon{
  flex-basis: 60px;
}

.hello .hello-header__name{
  font-weight: 700;
}

.hello .example {
  display: flex;
  margin-top: 24px
}

.hello .example-box{
  flex-basis: 200px;
}

.hello .check-list {
  list-style: none;
  margin: 0 0 0 30px;
  padding: 0
}

.hello .check-list__item{
  color: rgb(49, 52, 54);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 9px;
  padding-left: 31px;
  position: relative;
}

.hello .check-list__item:before{
  position: absolute;
  content: '';
  width: 12px;
  height: 9px;
  top: 8px;
  left: 2px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='rgb(38, 136, 235)'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
}

.main {
  display: block;
  position: relative;
}

.main .content {
  padding: 35px 40px 20px 40px
}

.main .content.content--small{
  padding-top: 20px;
}

.main .content-header {
  display: flex;
  align-items: center;
  align-content: center
}

.main .content-header.content-header--full{
  justify-content: space-between;
}

.main .content-header__checkbox{
  display: flex;
  align-items: center;
  align-content: center;
}

.main .content-header__checkbox .form-check{
  margin-right: 40px;
}

.main .content-header__checkbox .form-check:last-child{
  margin-right: 0;
}

h1 {
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

h2 {
  color: rgb(44, 49, 51);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}

h3 {
  color: rgb(44, 49, 51);
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

p {
  color: rgb(49, 52, 54);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 5px
}

p:last-child{
  margin-bottom: 0;
}

.content {
  position: relative;
  height: 100%;
}

.content .big {
  font-size: 24px;
}

.important {
  border-top: 3px solid #ccc;
  position: relative;
  padding: 5px 0 0 35px;
  margin: 1em 0;
  overflow: hidden;
}

.important h2, .important h3, .important h4 {
  margin-top: 0;
}

.important p {
  margin-top: 1px;
}

.important--red{
  border-top-color: #ba1a0e;
}

.important--red h2, .important--red h3, .important--red h4{
  color: #ba1a0e;
}

.important__icon{
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 29px;
  height: 40px;
}

p.lead {
  font-size: 20px;
  line-height: 1.5;
  color: #737e8c;
}

.highlighted {
  background: #ff8a01;
  color: #fff;
  padding-right: 0.25em;
  padding-left: 0.25em;
  border-radius: 3px;
}

.comment p {
  padding: 0;
  color: #445365;
  font-style: italic;
}

blockquote {
  display:block;
  background: #fff;
  padding: 10px 10px 10px 20px;
  margin: 0 0 20px;
  position: relative;
  font-style: italic;
  border-left: 4px solid rgb(38, 136, 235);
  border-left: 0.25rem solid rgb(38, 136, 235);
}

blockquote footer {
  color: rgb(195, 200, 204);
  font-style: normal;
  font-size: 12px;
}

.f-plans-page h1 {
  margin-bottom: 10px;
}

.f-plans-page p {
  margin-bottom: 10px;
}

.pay-periods {
  display: flex;
  background-color: white;
  border-radius: 2px;
  justify-content: center;
  width: 960px;
  margin: 40px auto
}

.pay-periods__item{
  border: 1px solid #e9eff0;
  border-right: 0;
}

.pay-periods__item:last-child{
  border-right: 1px solid #e9eff0;
}

.pay-period {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-bottom: 29px;
  text-align: center
}

.pay-period__header{
  padding: 27px 50px;
  background-color: #f7fafa;
  box-shadow: 0 1px 0 #e9eff0;
}

.pay-period__header-time{
  color: #2c3133;
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
}

.pay-period__header-costs{
  color: #2c3133;
  font-family: Arial;
  font-size: 14px;
  line-height: 32px;
}

.pay-period__header-costs .select .select2-container--default .select2-selection--single{
  height: 30px;
}

.pay-period__header-costs .select .select2-container--default .select2-selection--single .select2-selection__rendered{
  height: 30px;
  line-height: 20px;
}

.pay-period__header-costs .select .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 29px;
}

.pay-period__discount{
  padding: 20px 0;
  color: #42cc05;
  font-family: Arial;
  font-size: 14px;
  line-height: 30px;
  flex-basis: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.pay-period__discount span{
  display: block;
}

.pay-period__discount.pay-period__discount--no{
  color: #c3c8cc;
}

.pay-period__discount:after{
  position: absolute;
  content: '';
  display: block;
  bottom: 10px;
  width: 120px;
  height: 1px;
  background-color: rgb(233, 239, 240);
}

.pay-period__cost{
  margin-top: auto;
}

.pay-period__cost-time{
  color: #2c3133;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.pay-period__cost-value{
  color: #2c3133;
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.pay-period__btn{
  padding-top: 30px;
}

.payment-status {
  text-align: center;
  margin-top: 40px;
}

.payment-status h2 {
  margin-bottom: 15px;
}

.payment-status__icon{
  margin-bottom: 20px;
}

.payment-status__btn{
  margin-top: 15px;
}

.popup {
  height: auto;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  z-index: 100;
  text-align: left;
  max-width: 500px;
  margin: 40px auto;
  position: relative;
}

.popup .close {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 2;
  padding: 10px
}

.popup .close:hover{
  cursor: pointer;
}

.popup .close:hover .i-close{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='rgb(0, 0, 0)'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.popup.popup--auth{
  max-width: 440px;
}

.popup.popup--auth .popup-header{
  padding: 0;
}

.popup.popup--payment-method{
  max-width: 720px;
}

.popup.popup--shadow .popup-header{
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .1);
}

.popup.popup--shadow .popup-footer{
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, .1);
}

.popup-header{
  position: relative;
  padding: 25px 40px 15px 40px;
}

.popup-header h2{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}

.popup-body{
  position: relative;
}

.popup-body__wrap{
  padding: 0 0 0 40px;
}

.popup-body-content{
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  max-height: 350px;
  overflow-y: auto;
  position: relative;
}

.popup-body_text{
  padding: 0 40px 20px 40px;
}

.popup-footer{
  position: relative;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 15px 30px 15px 40px;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgb(233, 239, 240);
}

.popup-footer .form-actions{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup-footer .form-actions a:not(.btn){
  color: #000;
}

.popup-footer.popup-footer--light{
  background-color: #fff;
}

.popup-footer.popup-footer-mini{
  height: 50px;
  padding-top: 0;
}

.payment-method {
  position: relative;
  padding: 16px 40px 20px 40px
}

.payment-method__list:after{
  content: '';
  display: block;
  clear: both;
}

.payment-method__list{
  display: block;
}

.payment-method__item{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 200px;
  display: flex;
  height: 200px;
  background-color: rgb(255, 255, 255);
}

.payment-method__item:nth-child(3n){
  margin-right: 0;
}

.payment-method__type{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  width: 100%;
  border: 1px solid rgb(233, 239, 240);
  transition: all 0.3s ease;
  border-radius: 2px;
}

.payment-method__type:hover{
  border-color: rgb(214, 217, 217);
  cursor: pointer;
}

.payment-method__logo{
  min-height: 81px;
}

.payment-method__logo.payment-method__logo--moneyyandex span{
  position: relative;
  top: -10px;
}

.payment-method__name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 14px;
}

.payment-method__commission{
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.auth {
  display: block;
  overflow: hidden;
  position: relative;
  transform: inherit;
}

.auth .form-actions {
  padding-top: 5px;
}

.auth__profile{
  background-color: rgb(255, 255, 255);
}

.auth__field{
  padding: 40px 80px;
}

.auth-tabs{
  padding: 40px 80px 0 80px;
  background-color: rgb(233, 239, 240);
  text-align: center;
  display: flex;
  list-style: none;
  margin: 0;
}

.auth-tabs__item a{
  color: rgb(38, 136, 235);
  padding: 22px 35px 22px 34px;
  display: block;
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 2px 2px 0px 0px;
}

.auth-tabs__item.active a{
  background-color: rgb(255, 255, 255);
  color: rgb(44, 49, 51);
}

/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;



  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);

  opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.progress {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 12px;
  font-size: .75rem;
  line-height: 16px;
  line-height: 1rem;
  text-align: center;
  background-color: #e9ecef;
  border-radius: .25rem
}

.progress-bar{
  height: 16px;
  height: 1rem;
  line-height: 16px;
  line-height: 1rem;
  color: #fff;
  background-color: #007bff;
  transition: width .6s ease;
}

.project-header {
  background-color: rgb(233, 239, 240);
  display: flex;
  padding: 33px 40px 20px 40px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.project-header .project {
  display: block;
  padding-left: 36px;
  position: relative
}

.project-header .project-icon{
  position: absolute;
  left: 1px;
  top: 2px;
}

.project-header .project-name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.project-header .project-name > span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 290px;
  display: block;
}

.project-header .project-geography{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
}

.project-header .project-geography > span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 290px;
  display: block;
}

.project-header .balance {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.project-header .balance .recharge {
  margin-left: 40px;
}

.project-header .balance a:not(.btn) {
  color: rgb(44, 49, 51);
  text-decoration: none;
  border-bottom: 0
}

.project-header .balance a:not(.btn):hover .balance-value{
  color: rgb(38, 136, 235);
}

.project-header .balance-time{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.project-header .balance-value{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 10px;
  transition: all 0.3s ease;
}

.project-progress {
  background-color: rgb(233, 239, 240);
  display: flex;
  padding: 20px 40px 20px 40px;
  justify-content: space-between;
  align-items: center;
  align-content: center
}

.project-progress__step{
  min-width: 255px;
  display: flex;
  align-items: center;
  align-content: center;
}

.project-progress__step.project-progress__step--youhere .project-progress-name{
  color: #2c3133;
}

.project-progress__step.project-progress__step--youhere .project-progress-counter{
  border-color: #42cc05;
  color: #42cc05;
}

.project-progress__step.project-progress__step--youhere .project-progress-counter span{
  background-image: none;
  top: -2px;
  left: 5px;
  width: auto;
  height: auto;
  text-indent: 0;
  text-indent: initial;
}

.project-progress-counter{
  width: 22px;
  height: 22px;
  border: 2px solid #c3c8cc;
  display: block;
  border-radius: 50%;
  position: relative;
  margin-right: 18px;
  color: #c3c8cc;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
}

.project-progress-counter span{
  text-align: center;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23c3c8cc'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E");
  width: 12px;
  height: 9px;
  top: 5px;
  left: 3px;
  display: block;
  text-indent: -9999px;
}

.project-progress-name{
  color: #c3c8cc;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  flex: 1;
}

.project-tabs {
  background-color: rgb(233, 239, 240);
  display: flex;
  padding: 15px 20px 0 20px;
}

.project-tabs .project-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  margin-bottom: -1px
}

.project-tabs .project-nav__item{
  display: block;
  margin-right: 10px;
  background-color: transparent;
  border-radius: 2px 2px 0px 0px;
}

.project-tabs .project-nav__item.project-nav__item--active{
  background-color: rgb(255, 255, 255);
}

.project-tabs .project-nav__item.project-nav__item--active .i-statistics{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(195, 200, 204)'%3E%3Cpath d='M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.573 12l-4.184 7.246A9 9 0 0 0 19.944 12h-8.371zm-5.907 6.248L9.85 11 5.665 3.752A8.983 8.983 0 0 0 2 11a8.982 8.982 0 0 0 3.666 7.248zM7.389 2.754L11.572 10h8.372A9 9 0 0 0 7.389 2.754z' class='f-icon statistics'/%3E%3C/svg%3E");
}

.project-tabs .project-nav__item.project-nav__item--active .i-loupe{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 21.969 21.969' fill='rgb(195, 200, 204)'%3E%3Cpath d='M11.969 20a9.957 9.957 0 0 1-6.283-2.225l-4.209 4.209-1.492-1.492 4.209-4.209A9.959 9.959 0 0 1 1.969 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10zm0-18a8 8 0 1 0 0 16 8 8 0 0 0 0-16z' class='f-icon loupe'/%3E%3C/svg%3E");
}

.project-tabs .project-nav__item.project-nav__item--active .i-recommendation{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='18' height='22' viewBox='0 0 18 22' fill='rgb(195, 200, 204)'%3E%3Cpath d='M13 17.053V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2.947C2.039 15.58 0 12.532 0 9a9 9 0 0 1 9-9 9 9 0 0 1 9 9c0 3.532-2.039 6.58-5 8.053zM7 20h4v-2.231A8.97 8.97 0 0 1 9 18a8.97 8.97 0 0 1-2-.231V20zM9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z' class='f-icon recommendation'/%3E%3C/svg%3E");
}

.project-tabs .project-nav__item.project-nav__item--active .i-settings{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='22' height='22' viewBox='0 0 22 22' fill='rgb(195, 200, 204)'%3E%3Cpath d='M11 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-1-7c-.904 0-1.672.607-1.918 1.433a9.947 9.947 0 0 0-1.784.74 2.006 2.006 0 0 0-2.369.342L2.514 3.929a2.007 2.007 0 0 0-.341 2.37 9.938 9.938 0 0 0-.74 1.783A2.008 2.008 0 0 0 0 10v2c0 .903.607 1.671 1.433 1.917.19.622.438 1.219.739 1.784a2.005 2.005 0 0 0 .343 2.369l1.414 1.415a2.007 2.007 0 0 0 2.37.342 9.98 9.98 0 0 0 1.783.74 2.006 2.006 0 0 0 1.917 1.432L12 22c.903 0 1.671-.607 1.917-1.433a9.917 9.917 0 0 0 1.784-.74 2.006 2.006 0 0 0 2.369-.342l1.415-1.414a2.007 2.007 0 0 0 .342-2.37c.302-.564.55-1.161.74-1.784A2.008 2.008 0 0 0 22 12v-2c0-.904-.607-1.672-1.433-1.918a9.947 9.947 0 0 0-.74-1.784 2.006 2.006 0 0 0-.342-2.369l-1.414-1.415a2.01 2.01 0 0 0-2.37-.342 9.987 9.987 0 0 0-1.784-.739A2.008 2.008 0 0 0 12 0h-2zm3.334 18.653a7.84 7.84 0 0 0 1.425-.59 1.946 1.946 0 0 1 1.897.008l1.412-1.419a1.945 1.945 0 0 1-.005-1.892c.243-.455.441-.933.591-1.425A1.947 1.947 0 0 1 20 12l-.005-2.001a1.946 1.946 0 0 1-1.341-1.334 7.988 7.988 0 0 0-.591-1.425 1.946 1.946 0 0 1 .008-1.897l-1.418-1.412a1.946 1.946 0 0 1-1.893.006 7.925 7.925 0 0 0-1.426-.591A1.947 1.947 0 0 1 12 2l-2.001.005a1.948 1.948 0 0 1-1.334 1.341c-.492.15-.97.348-1.424.591a1.948 1.948 0 0 1-1.898-.008L3.931 5.347c.329.608.332 1.283.006 1.893a7.915 7.915 0 0 0-.591 1.425A1.947 1.947 0 0 1 2 9.999l.005 2.002a1.946 1.946 0 0 1 1.341 1.333c.15.493.348.971.591 1.426.326.61.324 1.285-.008 1.896l1.418 1.412a1.95 1.95 0 0 1 1.893-.006c.455.243.932.442 1.425.591A1.949 1.949 0 0 1 9.999 20l2.002-.005a1.948 1.948 0 0 1 1.333-1.342zM11 9a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 9z' fill-rule='evenodd' class='f-icon settings'/%3E%3C/svg%3E");
}

.project-tabs .project-nav__link{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 18px 30px 18px 20px;
  text-decoration: none;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  transition: all 0.3s ease;
}

.project-tabs .project-nav__link:hover{
  background-color: rgb(255, 255, 255);
}

.project-tabs .project-nav__icon{
  margin-right: 18px;
}

.recommendations {
  padding: 40px 20px 40px 20px;
}

.recommendations .recommendation {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  position: relative
}

.recommendations .recommendation:hover{
  border: 1px solid rgb(195, 200, 204);
  cursor: pointer;
  z-index: 10;
}

.recommendations .recommendation.expand{
  border: 1px solid rgb(195, 200, 204);
  z-index: 10;
}

.recommendations .recommendation.expand .recommendations__content{
  display: block;
}

.recommendations .recommendation.expand:hover{
  cursor: default;
}

.recommendations-box{
  padding: 21px 40px 21px 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  transition: all 0.3s ease;
}

.recommendations__icon{
  position: relative;
  align-self: stretch;
  margin-right: 18px;
}

.recommendations__header{
  margin: auto;
  flex: 1 100%;
}

.recommendations__name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.recommendations__content{
  display: none;
  background-color: #f7fafa;
  padding: 20px 40px 20px 20px;
}

.recommendations-group {
  margin-bottom: 20px;
}

.recommendations-group .recommendation {
  margin-bottom: -1px;
  border-radius: 0
}

.recommendations-group .recommendation:first-child{
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.recommendations-group .recommendation:last-child{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.recommendations-group_header{
  padding: 15px 20px 11px 60px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-bottom: 0;
}

.recommendations-group_more{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-top: 0;
  text-align: center;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.recommendations-group_more a{
  background-color: #ffffff;
  display: block;
  padding: 15px 20px 11px 60px;
  color: #000;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.recommendations-group_more a:hover{
  background-color: rgb(38, 136, 235);
  color: #fff;
}

.settings-account {
  border-top: 1px solid #e9eff0;
}

.settings-account .form-group {
  margin-bottom: 0;
}

.settings-account__box{
  padding: 24px 40px 24px 40px;
  border-bottom: 1px solid #e9eff0;
}

.settings-account-control{
  display: block;
}

.settings-account-control .form-inline{
  display: inline-block;
  width: 280px;
}

.settings-account-control .form-inline + button{
  margin-left: 40px;
}

.settings-account-control .form-control{
  width: 280px;
  display: inline-block;
  box-sizing: border-box;
}

.settings-account-control .form-control-static{
  width: 280px;
  display: inline-block;
  margin-right: 40px;
}

.settings-account-control .form-control-feedback{
  right: 5px;
  top: 3px;
}

.settings-list .docs {
  display: block
}

.settings-list .docs__item{
  margin-bottom: 20px;
}

.settings-list .docs__item:last-child{
  margin-bottom: 0;
}

.settings-list .docs-box{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  padding: 20px 20px 20px 40px;
  display: flex;
  align-items: center;
  align-content: center;
}

.settings-list .docs-preview {
}

.settings-list .docs-preview-box{
  display: block;
  width: 100px;
  height: 100px;
  background-color: rgb(129, 210, 223);
  border-radius: 2px;
}

.settings-list .docs-description {
  margin-left: 40px;
  color: rgb(44, 49, 51);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  flex: 1 100%;
}

.settings-list .docs-description .docs-status {
  display: inline-block;
  padding: 2px 9px;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 5px;
  color: #000
}

.settings-list .docs-description .docs-status.docs-status-moderate{
  border-color: #fec747;
}

.settings-list .docs-description .docs-status.docs-status-ok{
  border-color: #24da2b;
}

.settings-list .docs-description .docs-what {
  display: flex
}

.settings-list .docs-description .docs-what_title{
  font-weight: 700;
  flex-basis: 130px;
}

.settings-list .docs-description .docs-what_name{
  margin-left: 20px;
}

.settings-list .remove {
  margin-left: auto;
  align-self: flex-start;
  cursor: pointer;
}

.settings-list .form-group {
  margin-bottom: 22px;
}

.settings-list .form-group label {
  font-weight: 400;
}

.settings-list .form-actions {
  display: flex;
  margin-bottom: 22px;
}

.settings-list .select {
  margin-bottom: 20px;
}

.settings-list .counter-box {
  margin-top: 7px;
}

.settings-list .pseudo-links .pseudo {
  margin-right: 10px
}

.settings-list .pseudo-links .pseudo:last-child{
  margin-right: 0;
}

.graph-box {
  min-width: 100%;
  height: 250px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.statistics-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}

.statistics-col2 {
  flex: 1 100%
}

.statistics-col2:first-child{
  margin-right: 30px;
}

.statistics-col2:last-child{
  margin-left: 30px;
}

.highcharts-legend .legend {
  margin-right: 10px;
}

.highcharts-credits {
  display:none;
}

.highcharts-title {
}

.highcharts-tooltip > span {
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  border: 1px solid #ffffff;
  padding: 16px 20px;
}

.support-form {
  background-color: rgb(247, 250, 250);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  padding: 35px 40px 20px 40px;
  display: block;
}

.support-form .form-inline {
  display: inline-block;
  vertical-align: middle;
  min-width: 350px;
}

/* Ссылки на интересные материалы */

.faq-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.faq-list__item{
  margin-bottom: 11px;
  padding-left: 35px;
  position: relative;
}

.faq-list__item:before{
  position: absolute;
  content: '';
  width: 14px;
  height: 2px;
  top: 50%;
  left: 1px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='2' viewBox='0 0 14 2' fill='%232688eb'%3E%3Cpath class='f-icon minus' d='M0 0h14v2H0z'/%3E%3C/svg%3E");
}

.faq-list__link{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(44, 49, 51, .8);
}

.faq-list__link:hover{
  border-bottom: 0;
}

/* Список сообщений от поддержки в истории сообщений */

.messages {
  display: block;
  padding: 40px 20px 40px 20px
}

.messages__item{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  margin-bottom: 20px;
}

.messages-box{
  padding: 21px 22px;
  position: relative;
}

.messages__description{
  padding-left: 40px;
}

.messages_icon{
  position: absolute;
  margin-top: 1px;
}

.messages_icon .message{
  fill: rgb(195, 200, 204);
}

.messages_title{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  margin-bottom: 14px;
}

.messages_title .messages_name{
  font-weight: 700;
}

.messages_title .messages_status{
  color: rgb(255, 153, 0);
  margin-left: 20px;
}

.messages_date{
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.messages_content{
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgb(44, 49, 51);
}

.messages_content-author{
  color: rgb(195, 200, 204);
}

.support-dialogs {
  display: block;
  padding: 40px 20px 40px 20px
}

.support-dialogs__item{
  margin-bottom: 20px;
}

.support-dialog {
  padding-left: 65px;
  position: relative;
}

.support-dialog .userpic {
  position: absolute;
  left: 0;
  top: 0
}

.support-dialog .userpic-box{
  display: block;
  width: 40px;
  height: 40px;
  background-color: #c3c8cc;
  border-radius: 50%;
  position: relative;
}

.support-dialog .userpic-box span{
  position: absolute;
  display: block;
  text-align: center;
  top: 9px;
  left: 9px;
}

.support-dialog .dialog-message {
  background-color: #f7fafa;
  border: 1px solid #e9eff0;
  border-radius: 2px;
  padding: 14px 35px 12px 20px;
  position: relative;
  z-index: 1
}

.support-dialog .dialog-message__text{
  color: #2c3133;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.support-dialog .dialog-message__date{
  color: #c3c8cc;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  padding-top: 12px;
}

.support-dialog .dialog-message__attachment{
  display: block;
  margin-top: 12px;
}

.support-dialog .dialog-message__attachment .attachment{
  display: flex;
}

.support-dialog .dialog-message__attachment .attachment-box{
  width: 60px;
  height: 60px;
  background-color: black;
  border-radius: 2px;
  margin-right: 20px;
}

.support-dialog .dialog-message__attachment .attachment-box img{
  line-height: 0;
}

.support-dialog .dialog-message__attachment .attachment-box:last-child{
  margin-right: 0;
}

.support-dialog .dialog-message:before, .support-dialog .dialog-message:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 17px;
  margin-top: -4px;
}

.support-dialog .dialog-message:before{
  border-width: 6px 8px 6px 0;
  border-color: transparent #e9eff0 transparent transparent;
  left: -8px;
}

.support-dialog .dialog-message:after{
  border-width: 6px 8px 6px 0;
  border-color: transparent #f7fafa transparent transparent;
  left: -7px;
}

.support-dialog.support-dialog--user{
  padding-left: 0;
}

.support-dialog.support-dialog--user .userpic{
  display: none;
  visibility: hidden;
}

.support-dialog.support-dialog--user .dialog-message{
  background-color: transparent;
}

.support-dialog.support-dialog--user .dialog-message:before{
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #e9eff0;
  right: -8px;
  left: auto;
  left: initial;
}

.support-dialog.support-dialog--user .dialog-message:after{
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  right: -7px;
  left: auto;
  left: initial;
}

.table.table-words .balance {
  font-weight: 700;
}

.table.table-words .td-controls {
  text-align: right;
  justify-content: flex-end;
}

.table.table-words thead th {
  padding: 15px 22px 16px 0;
}

.table.table-words thead th .table_icon {
  position: relative;
  top: 13px;
}

.table.table-words thead th .interval {
  padding: 0 8px;
}

.table.table-words thead th .interval .f-ico {
  display: inline-block;
}

.table.table-words thead th:first-child{
  padding-left: 18px;
  padding-right: 0;
}

.table.table-words tbody tr:not(.children):hover {
  border-left: 1px double #c3c8cc;
  border-right: 1px double #c3c8cc;
  cursor: pointer;
}

.table.table-words tbody tr:not(.children):hover td, .table.table-words tbody tr:not(.children):hover th, .table.table-words tbody tr:not(.children):hover tr {
  border-top: 1px double #c3c8cc;
  border-bottom: 1px double #c3c8cc;
}

.table.table-words tbody tr.add-word td {
  padding: 8px 2px 7px 0px;
}

.table.table-words tbody tr.add-word td .form-group {
  margin: 0;
}

.table.table-words tbody tr.add-word td .form-group .form-control {
  border: 0;
  padding: 16px 20px 16px 0px;
}

.table.table-words tbody tr.add-word td:first-child{
  padding-right: 0;
  padding-left: 18px;
}

.table.table-words tbody td {
  padding: 15px 22px 16px 0px;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.table.table-words tbody td .stastus-ico {
  margin-right: 10px;
}

.table.table-words tbody td .dynamics {
  margin-left: 3px
}

.table.table-words tbody td .dynamics.red{
  color: red;
}

.table.table-words tbody td .dynamics.green{
  color: rgb(66, 204, 5);
}

.table.table-words tbody td:first-child{
  padding-right: 0;
  padding-left: 18px;
}

.table.table-words tbody td:last-child{
  padding-left: 18px;
  padding-right: 22px;
}

.table.table-words tbody td:last-child .table_icon{
  position: relative;
  top: 4px;
}

.table.table-words tbody td.dynamics-td{
  padding-right: 22px;
}

.table.table-words .table_icon {
  position: relative;
  top: 2px;
}

.table.table-words .table_icon .f-icon {
  fill: #c3c8cc;
}

.table.table-words .th-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* колонки со стрелкой для прогноза чего-либо */

.table.table-words .forecast {
  display: flex;
  justify-content: flex-end
}

.table.table-words .forecast__start{
  flex-basis: 100px;
}

.table.table-words .forecast__interval{
  flex-basis: 60px;
  text-align: center;
}

.table.table-words .forecast__interval .f-ico{
  display: inline-block;
}

.table.table-words .forecast__height{
  flex-basis: 50px;
}

.table.table-words .row-transparent td {
  padding: 9px 22px 10px 0
}

.table.table-words .row-transparent td:first-child{
  padding-left: 8px;
  padding-right: 8px;
}

.table.table-words .row-transparent .blur-text {
  color: transparent;
  width: auto;
  min-width: 110px;
  padding: 0 7px 0 8px;
  height: 28px;
  background-color: rgb(233, 239, 240);
  border-radius: 2px;
  font-size: 10px;
  line-height: 1px;
}

.table.table-words .percentage {
  margin-left: 3px;
  width: 36px;
  height: 36px;
  display: block;
  border: 2px solid rgb(233, 239, 240);
  border-radius: 50%;
  position: relative
}

.table.table-words .percentage__value{
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.table.table-words .parent ~ .children {
  display: none;
  transition: all 0.3s ease;
}

.table.table-words .open .parent ~ .children {
  display: table-row;
  transition: all 0.3s ease;
}

.table.table-words .parent {
  cursor: pointer;

  /*transition: all 0.3s ease;*/
  border-left: 0;
  border-right: 0;
}

.table.table-words .open {
  background-color: #f7fafa;
  transition: all 0.3s ease;
}

.table.table-words .open .children {
  background-color: #f7fafa;
  transition: all 0.3s ease;

  /*&:not(:last-child) td {
      border-bottom: 0;
    }
    &:last-child td {
      padding-bottom: 18px;
    }
    td {
      padding: 10px 22px 7px 18px;
    }*/
}

.table.table-words .open .children td[colspan] {
  padding: 0;
}

/*.open .parent {
    td {
      border-bottom: 0;
      padding-bottom: 5px;
    }
  }*/

.table.table-words .parent > *:last-child {
  width: 30px;
}

.table.table-words .parent .controlling {
  display: block;
  width: 18px;
  height: 20px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  position: relative;
  margin-top: -5px;
}

.table.table-words .parent .controlling .i-chevron {
  position: absolute;
  top: 6px;
  right: 2px;
}

.table.table-words .open .parent .controlling {
  transform: rotate(180deg);
}

.table.table-words .f-staus-list {
  display: flex;
}

.table.table-words .f-staus {
  display: flex;
  margin-right: 30px
}

.table.table-words .f-staus:last-child{
  margin-right: 0;
}

.table.table-words .f-staus_icon{
  margin-right: 10px;
}

.table.table-words .f-staus_text{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.table.table-words .f-staus_ctr{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.table.table-words .foldable-box {
  padding-left: 60px;
  padding-right: 30px;
}

.table.table-words .foldable-box .foldable-name {
  flex: 1 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.table.table-words .foldable-box .foldable-name-s{
  margin-right: 35px;
}

.table.table-words .gray {
  color: rgb(195, 200, 204);
}

.table.table-words .gray .table_name {
  color: rgb(195, 200, 204);
}

.table.table-no-hover thead tr:not(.children):hover {
  border-left: 0;
  border-right: 0;
  cursor: default;
}

.table.table-no-hover thead tr:not(.children):hover td, .table.table-no-hover thead tr:not(.children):hover th, .table.table-no-hover thead tr:not(.children):hover tr {
  border-top: 0;
  border-bottom: 1px solid rgb(233, 239, 240);
}

.table.table-no-hover tbody tr:not(.children):hover {
  border-left: 1px solid rgb(233, 239, 240);
  border-right: 1px solid rgb(233, 239, 240);
  cursor: default;
}

.table.table-no-hover tbody tr:not(.children):hover td, .table.table-no-hover tbody tr:not(.children):hover th, .table.table-no-hover tbody tr:not(.children):hover tr {
  border-top: 1px solid rgb(233, 239, 240);
  border-bottom: 1px solid rgb(233, 239, 240);
}

.dots {
  display: block
}

.dots.dots--gray .dots__item--select{
  background-color: rgb(195, 200, 204);
}

.dots.dots--mini .dots__item--select{
  background-color: rgb(198, 240, 180);
}

.dots__item{
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  text-indent: -9999px;
  background-color: rgb(233, 239, 240);
}

.dots__item.dots__item--select{
  background-color: rgb(255, 153, 0);
}

.words-pickup {
  margin: 40px 20px 0 20px
}

.words-pickup__box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  padding: 19px 40px 19px 20px;
}

.words-pickup__description{
  flex: 1 100%;
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
}

.words-pickup__description-header{
  font-weight: 700;
  padding-bottom: 12px;
}

.words-pickup__description-text{
  font-weight: 400;
}

.words-total {
  position: relative;
  box-sizing: border-box;
  margin: 0 20px 0 20px;
  z-index: 100;
  transition: all 0.3s ease;
}

.words-total .interval {
  padding: 0 8px;
}

.words-total .interval .f-ico {
  display: inline-block;
}

.words-total.words-total--sticky{
  position: fixed;
  bottom: 0;
  width: calc(100% - 40px);
}

.words-total.words-total--light{
  bottom: 20px;
}

.words-total.words-total--light .words-total__box{
  background-color: #fff;
  border: none;
}

.words-total.error .words-total__box{
  background-color: rgb(244, 44, 44);
}

.words-total.error .words-total_name, .words-total.error .words-total_value{
  color: #fff;
}

.words-total.warning .words-total__box{
  background-color: rgb(255, 153, 0);
}

.words-total.warning .words-total_name, .words-total.warning .words-total_value{
  color: #fff;
}

.words-total.info .words-total__box{
  background-color: rgb(38, 136, 235);
}

.words-total.info .words-total_name, .words-total.info .words-total_value{
  color: #fff;
}

.words-total.success .words-total__box{
  background-color: #28a745;
}

.words-total.success .words-total_name, .words-total.success .words-total_value{
  color: #fff;
}

.words-total-status{
  display: flex;
  align-items: center;
  align-content: center;
}

.words-total-status__icon{
  margin-right: 15px;
}

.words-total-status__icon-box{
  display: flex;
  width: 25px;
  height: 25px;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.words-total__box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background-color: rgb(247, 250, 250);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  padding: 19px 40px 19px 20px;
  transition: all 0.3s ease;
}

.words-total_name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease;
}

.words-total_value{
  color: rgb(44, 49, 51);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease;
}

.words-total_value .total_value-small{
  font-size: 14px;
  margin-left: 10px;
}

.words-total_value .total_value-small.total_value-small--green{
  color: rgb(70, 205, 10);
}

._controlling-hide {
  display: none;
}

.demo-ppc {
  display: block;
  width: 100px;
  height: 180px;
  box-sizing: border-box;
  user-select: none;
}

.demo-ppc .dots {
  margin-right: 13px;
}

.demo-ppc--search-mod .demo-ppc_search{
  margin-bottom: 7px;
}

.demo-ppc--search-mod .demo-ppc_text{
  margin-top: 0;
  margin-bottom: 0;
}

.demo-ppc--search-mod .demo-ppc_blocks{
  margin-top: 9px;
  margin-bottom: 9px;
}

.demo-ppc__box{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  padding: 15px;
  box-sizing: border-box;
}

.demo-ppc_block{
  width: 70px;
  height: 7px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 239, 240);
  border-radius: 2px;
  margin-bottom: 4px;
}

.demo-ppc_block:last-child{
  margin-bottom: 0;
}

.demo-ppc_block--bg{
  background-color: rgb(198, 240, 180);
  border-color: rgb(198, 240, 180);
}

.demo-ppc_text{
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 12px;
}

.demo-ppc_search{
  width: 70px;
  height: 15px;
  padding: 0 3px;
  background-color: rgb(247, 250, 250);
  border-radius: 2px;
  margin-bottom: 15px;
  color: rgb(195, 200, 204);
  font-family: Arial;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.demo-ppc_search-icon{
  position: relative;
  margin-right: 3px;
  top: 1px;
}

.keyword_wrapper {
  padding: 20px 25px 20px 25px;
}

.keyword_wrapper .keyword_form .form-group {
  margin-bottom: 20px;
}

.keyword_wrapper .keyword_wrapper_header {
  margin-bottom: 15px;
}

.keyword_wrapper .name-keyword-row {

  /*font-weight: bold;*/
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}

.keyword_wrapper-row{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
  padding-left: 20px;
}

.keyword_wrapper-row .form-check{
  margin-top: 10px;
  margin-bottom: 10px;
}

.keyword_wrapper-row .form-check .form-group{
  margin-bottom: 0;
  margin-right: -10px;
}

.keyword_wrapper-row .form-check label{
  padding-left: 0;
  display: block;
}

.keyword_wrapper-row .form-check .form-check-control{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 260px;
}

.keyword_wrapper-row .form-check .form-check-control .form-control{
  text-align: right;
  padding: 5px 10px 6px 10px;
  height: 30px;
  width: 65px;
}

.keyword_wrapper-row .form-check:last-child{
  margin-top: 5px;
  margin-bottom: 5px;
}

.keyword_wrapper-row .actions-right a{
  margin-right: 15px;
}

.keyword_wrapper-row .actions-right a:last-child{
  margin-right: 0;
}

.keyword_wrapper-row .keyword-info{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}

.keyword_wrapper-row .keyword-info__control{
  margin-right: 40px;
  display: flex;
  flex-direction: column;
}

.keyword_wrapper-row .keyword-info__control-name{
  color: rgb(44, 49, 51);
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1;
}

.keyword_wrapper__col{
  flex: 1 100%;
}

.keyword_wrapper__col.keyword_wrapper__col--preview{
  flex-wrap: wrap;
  display: flex;
}

.keyword_wrapper__col.keyword_wrapper__col--preview:first-child{
  margin-right: 30px;
}

.keyword_wrapper__col.keyword_wrapper__col--preview:last-child{
  margin-left: 30px;
}

.keyword_wrapper__col:first-child{
  margin-right: 20px;
}

.keyword_wrapper__col:last-child{
  margin-left: 20px;
}

.foldable__content .keyword_wrapper-row {
  padding-left: 0;
  margin-bottom: 20px
}

.foldable__content .keyword_wrapper-row:last-child{
  margin-bottom: 0;
}

.foldable__content .controls {
  text-align: right;
  margin-top: 20px;
}

.foldable__content .controls a {
  margin-right: 40px
}

.foldable__content .controls a:last-child{
  margin-right: 0;
}

.foldable__content .form-full .form-group label {
  display: none;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.foldable__content .form-full .form-group:last-child{
  margin-bottom: 0;
}

.foldable__content .btn-group {
  margin-top: 0;
}

.foldable__content .control-swap {
  align-self: flex-end;
}

.foldable__content .control-swap span {
  position: relative;
  bottom: 10px;
  box-sizing: border-box;
  width: 15px;
  height: 14px;
  display: block;
}

.foldable__content .control-swap span .i-swap {
  display: block;
  transform: rotate(180deg);
}

.foldable__content .control-swap.control-swap-top{
  align-self: flex-start;
  padding-top: 42px;
}

.foldable__content .control-swap:hover{
  cursor: pointer;
}

.foldable__content .control-swap:hover .i-swap{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' viewBox='0 0 15 14' xmlns='http://www.w3.org/2000/svg' fill='rgb(38, 136, 235)'%3E%3Cpath d='M8.764 1.428L2.977 7.014 9.025 12.6l-1.476 1.414-7.524-7 7.263-7 1.476 1.414zm6 0L8.977 7.014l6.048 5.586-1.476 1.414-7.524-7 7.263-7 1.476 1.414z' class='f-icon swap'/%3E%3C/svg%3E");
}

.preview-content {
  display: block;
  border: 1px solid rgb(233, 239, 240);
  background-color: rgb(233, 239, 240);
  border-radius: 2px;
}

.preview-content .preview-slider {
}

.preview-content .preview-slider-box{
  display: flex;
  align-items: center;
  align-content: center;
}

.preview-content .preview-slider-nav{
  cursor: pointer;
  display: block;
  width: 12px;
}

.preview-content .preview-slider-nav:hover{
  cursor: pointer;
}

.preview-content .preview-slider-nav:hover .i-chevron{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='14' height='9' viewBox='0 0 14 9' fill='rgb(38, 136, 235)'%3E%3Cpath d='M1.414.261L7 6.048 12.586 0 14 1.476 7 9 0 1.737 1.414.261z' class='f-icon chevron'/%3E%3C/svg%3E");
}

.preview-content .preview-slider-nav.preview-slider-nav_left .i-chevron{
  transform: rotate(90deg);
}

.preview-content .preview-slider-nav.preview-slider-nav_right .i-chevron{
  transform: rotate(-90deg);
}

.preview-content .preview-slider-nav.nav--hide{
  display: none;
  visibility: hidden;
}

.preview-content .preview-slider-dots{
  margin: -1px 16px 0 16px;
}

.preview-content .preview-slider-dot{
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  background-color: rgb(195, 200, 204);
}

.preview-content .preview-slider-dot:hover{
  background-color: rgb(38, 136, 235);
}

.preview-content .preview-slider-dot.slider-dot--select{
  background-color: rgb(38, 136, 235);
}

.preview-content.preview-content--yandex .preview-content_link-bage{
  color: rgb(51, 47, 30);
  background-color: rgb(254, 245, 205);
  border-radius: 3px;
  margin-left: 6px;
}

.preview-content.preview-content--yandex .preview-content_quick-links{
  padding-top: 4px;
}

.preview-content.preview-content--google .preview-content_link-bage{
  color: rgb(0, 102, 33);
  border-color: rgb(0, 102, 33);
  margin-right: 6px;
}

.preview-content.preview-content--google .preview-content_quick-links{
  padding-top: 4px;
}

.preview-content__box{
  padding: 16px 20px;
}

.preview-content-header{
  padding-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.preview-content_head{
  color: rgb(26, 13, 171);
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.preview-content_link{
  color: rgb(0, 102, 33);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 3px;
  padding-top: 5px;
}

.preview-content_link-bage{
  background-color: transparent;
  font-size: 11px;
  line-height: 1;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 4px 6px;
}

.preview-content_text{
  color: rgb(84, 84, 84);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.preview-content_quick-links{
  color: rgb(26, 13, 171);
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.type-select-box {
  margin-top: 20px;
  margin-bottom: 10px;
}

.keyword-option {
  display: flex;
  justify-content: space-between
}

.keyword-option_box{
  padding-left: 30px;
  margin-bottom: 20px;
}

.keyword-option_box:last-child{
  margin-bottom: 0;
}

.keyword-option__value span{
  border-bottom: 1px dotted;
  transition: all .25s;
}

.keyword-option__value:hover span{
  color: rgb(38, 136, 235);
  cursor: pointer;
  border-bottom-color: rgba(38, 136, 235, .3);
}

.td-controls {
  display: flex;
  align-items: center;
  align-content: center;
}

.td-controls .form-check label {
  padding-left: 0;
}

.td-controls .table_icon {
  margin-right: 10px
}

.td-controls .table_icon:last-child{
  margin-right: 0;
}

.td-controls .i-close {
}

.td-controls .i-close:hover{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='16' height='16' viewBox='0 0 16 16' fill='red'%3E%3Cpath d='M1.414-.001L8 6.585l6.586-6.586L16 1.413 9.414 7.998 16 14.584l-1.414 1.415L8 9.412l-6.586 6.587L0 14.584l6.586-6.586L0 1.413 1.414-.001z' class='f-icon close'/%3E%3C/svg%3E");
}

.table-content_control {
  display: block;
  width: 100%
}

.table-content_control_box{
  margin-top: 20px;
  display: flex;
  align-content: center;
  align-items: center;
}

.table-content_control_box .col-xs-6{
  padding-left: 0;
}

.table-content_control_box .btn{
  height: 40px;
  line-height: 1;
}

@media only screen and (min-width: 48em){

  .container{
    width: 49rem;
  }

  .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12{
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-sm{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1{
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2{
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3{
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4{
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5{
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7{
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8{
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9{
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10{
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11{
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0{
    margin-left: 0;
  }

  .col-sm-offset-1{
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2{
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3{
    margin-left: 25%;
  }

  .col-sm-offset-4{
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5{
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6{
    margin-left: 50%;
  }

  .col-sm-offset-7{
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8{
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9{
    margin-left: 75%;
  }

  .col-sm-offset-10{
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11{
    margin-left: 91.66666667%;
  }

  .start-sm{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-sm{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-sm{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-sm{
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-sm{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-sm{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 64em){

  .container{
    width: 65rem;
  }

  .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12{
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-md{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1{
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2{
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3{
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4{
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5{
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7{
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8{
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9{
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10{
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11{
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0{
    margin-left: 0;
  }

  .col-md-offset-1{
    margin-left: 8.33333333%;
  }

  .col-md-offset-2{
    margin-left: 16.66666667%;
  }

  .col-md-offset-3{
    margin-left: 25%;
  }

  .col-md-offset-4{
    margin-left: 33.33333333%;
  }

  .col-md-offset-5{
    margin-left: 41.66666667%;
  }

  .col-md-offset-6{
    margin-left: 50%;
  }

  .col-md-offset-7{
    margin-left: 58.33333333%;
  }

  .col-md-offset-8{
    margin-left: 66.66666667%;
  }

  .col-md-offset-9{
    margin-left: 75%;
  }

  .col-md-offset-10{
    margin-left: 83.33333333%;
  }

  .col-md-offset-11{
    margin-left: 91.66666667%;
  }

  .start-md{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md{
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 75em){

  .container{
    width: 76rem;
  }

  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12{
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-lg{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1{
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2{
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3{
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4{
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5{
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7{
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8{
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9{
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10{
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11{
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0{
    margin-left: 0;
  }

  .col-lg-offset-1{
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2{
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3{
    margin-left: 25%;
  }

  .col-lg-offset-4{
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5{
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6{
    margin-left: 50%;
  }

  .col-lg-offset-7{
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8{
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9{
    margin-left: 75%;
  }

  .col-lg-offset-10{
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11{
    margin-left: 91.66666667%;
  }

  .start-lg{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-lg{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-lg{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-lg{
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-lg{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-lg{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width : 100px) and (max-width : 999px){

  .d-progress-page{
    padding: 20px 40px;
    width: 100%;
  }

  h1{
    font-size: 120%;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height: 22px;
  }

  h2{
    font-size: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
  }

  progress, .d-progress-page .d-progress.time, .d-progress.design, .d-progress.html, h1 > span{
    display: none;
    overflow: hidden;
  }

  ul li{
    margin-bottom: 1px;
    font-size: 14px;
  }

  ul ul{
    margin: 0 0 0 10px;
  }

  .add-project .regions-tree{
    min-width: 49%;
  }

  .alert-wrapper{
    padding: 0 15px 10px 15px;
  }

  .alert__content .alert-link{
    margin-left: 0;
  }

  .badge{
    margin-left: 1px;
    font-size: 11px;
  }

  .foldable-box{
    padding: 15px 20px 15px 15px;
  }

  .col-xs, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6{
    padding-right: 10px;
    padding-left: 10px;
  }

  .foldable .row{
    margin-right: -10px;
    margin-left: -10px;
  }

  .foldable .f-ico.i-arrow{
    transform: scale(.52);
  }

  .header-box{
    padding: 0 15px;
  }

  .main .content{
    padding: 10px 15px 10px 15px;
  }

  .pay-periods{
    width: 100%;
  }

  .pay-period{
    padding-bottom: 20px;
  }

  .pay-period__header{
    padding: 15px 25px;
  }

  .pay-period__discount{
    padding-top: 10px;
    line-height: 20px;
  }

  .pay-period__btn{
    padding-top: 15px;
  }

  .project-header{
    padding: 17px 15px 10px 15px;
  }

  .project-progress{
    padding: 15px 15px 15px 15px;
  }

  .project-progress__step{
    min-width: auto;
  }

  .project-tabs{
    padding: 7px 15px 0 15px;
  }

  .project-tabs .project-nav__item{
    margin-right: 0;
  }

  .project-tabs .project-nav__link{
    padding: 12px 15px 12px 15px;
  }

  .project-tabs .project-nav__icon{
    margin-right: 8px;
  }

  .support-form{
    padding: 20px 15px 20px 15px;
  }

  .support-dialogs{
    padding-top: 20px;
  }

  .table-content{
    padding: 0 10px 10px 10px;
  }

  .words-pickup{
    margin: 20px 10px 0 10px;
  }

  .words-total{
    margin: 0 10px 0 10px;
  }

  .words-total .interval{
    padding: 0;
  }

  .words-total.words-total--sticky{
    width: calc(100% - 20px);
  }

  .words-total__box{
    padding: 12px 14px 12px 14px;
    align-items: flex-start;
  }

  .words-total__box .btn{
    padding: 7px 10px 6px 10px;
  }

  .words-total__box .words-total_value{
    font-size: 14px;
    line-height: 20px;
  }

  .demo-ppc{
    display: none;
    visibility: hidden;
  }

  .keyword_wrapper{
    padding: 10px 15px;
  }

  .keyword_wrapper-row{
    padding-left: 0;
  }

  .table.table-words .foldable-box{
    padding: 14px 15px 14px 20px;
  }

  .foldable-name__help-text{
    margin-right: 10px;
  }

  .words-pickup__box{
    padding: 12px 15px 12px 15px;
  }

  .main .content-header__checkbox{
    display: block;
  }
}

@media only screen and (min-width : 1100px){

  .d-progress-page{
    padding: 20px 40px;
    width: 100%;
  }
}