html,
body {
  min-height: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
}

body,
input,
textarea,
button,
select,
label,
.form-control {
  font-family: Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
}

.form-control {
  height: 44px;
}

h1,
h2,
h3,
h4,
th {
  font-family: Arial, sans-serif;
  font-weight: 300;
}

h2 {
  font-size: 2.4em;
  position: relative;
}

h3 {
  font-size: 1.8em;
}

a {
  color: #1874cd;
  text-decoration: none;
}

a.fa:hover,
a.fa:active {
  text-decoration: none !important;
}

p {
  text-align: justify;
}

.top-container {
  background-color: #fff;
}

.content-wrapper {
  min-height: 100%;
  overflow: visible;
  background-color: #fff;
}

.content-wrapper:after {
  content: "";
  display: block;
  height: 6em;
}

.content-wrapper > .container {
  padding-bottom: 2em;
}

/*.footer {*/
/*    background: #696969;*/
/*    color: #fff;*/
/*    padding: 1em;*/
/*    min-height: 6em;*/
/*    margin-top: -6em;*/
/*}*/

.footer a {
  color: #fff;
  margin: 0 0.1em;
  display: inline-block;
}

/*new footer*/
.flex-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}

.footer-right-column {
  width: 80%;
  text-align: right;
}

.links-wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer ul li.links-list-item {
  display: block;
  margin: 0;
}

h4.links-header {
  font-weight: 500;
  margin: 0 0 2rem;
}

.footer ul li.links-list-item a {
  color: #bdc3c7;
}

.footer ul.social-list li {
  margin: 0 5px 0 0;
  display: inline-block;
}

.footer ul.social-list {
  margin-bottom: 25px;
}

.copyright {
  font-size: 12px;
  color: #bdc3c7;
}

.logo-icon-vk {
  list-style: none;
}

.social-list,
.links-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-list-item {
  display: inline-block;
  text-decoration: none;
  width: 32px;
  height: 32px;
}

.social-list-item.social-list-item-vk {
  background: url("img/Social/social_vk.svg") no-repeat center;
  background-size: 32px;
}

.social-list-item.social-list-item-fb {
  background: url("img/Social/social_fb.svg") no-repeat center;
  background-size: 32px;
}

.social-list-item.social-list-item-ok {
  background: url("img/Social/social_ok.svg") no-repeat center;
  background-size: 32px;
}

.social-list-item.social-list-item-vk:hover,
.social-list-item.social-list-item-vk:active {
  background: url("img/Social/social_vk_hover.svg") no-repeat center;
  background-size: 32px;
}

.social-list-item.social-list-item-fb:hover,
.social-list-item.social-list-item-fb:active {
  background: url("img/Social/social_fb_hover.svg") no-repeat center;
  background-size: 32px;
}

.social-list-item.social-list-item-ok:hover,
.social-list-item.social-list-item-ok:active {
  background: url("img/Social/social_ok_hover.svg") no-repeat center;
  background-size: 32px;
}

/*end new footer*/
/*footer 3.0*/
.links-list {
  display: block;
}

.footer ul li.links-list-item {
  display: inline-block;
  vertical-align: middle;
}

.links-list-item:before {
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin: 0 12px;
  background: #74a3c7;
  content: "";
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}

.links-list-item:first-child:before {
  display: none;
}

/*end footer 3.0*/

.list-unstyled {
  margin-bottom: 0;
}

/*Кнопки*/
.btn.btn-success,
.btn.btn-danger {
  background-color: #1874cd;
  border-color: #1874cd;
  outline: none !important;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus {
  background-color: #409be6;
  border-color: #409be6;
}

.btn.btn-success[disabled],
.btn.btn-success[disabled]:active,
.btn.btn-success[disabled]:hover,
.btn.btn-success[disabled]:focus {
  background-color: #bcd2ee;
  border-color: #bcd2ee;
}

.radio-inline + .radio-inline {
  margin-left: 1.5em;
}

.progress-bar-success {
  background-color: #8b8989;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.25, rgba(255, 255, 255, 0.15)),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  /*-webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;*/
}

.label-success {
  background-color: #8b8989;
}

.badge {
  font-weight: 300;
  background-color: #8b8989;
  margin-left: 5px;
}

.hasPoll {
  font-weight: bold;
  background-color: #1874cd;
}

.hasPoll:after {
  content: "!";
}

.hasPoll:empty {
  display: inline-block;
}

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

.small-space {
  margin-top: 1em;
}

.space {
  margin-top: 2em;
}

.small-space {
  margin-top: 1em;
}

.double-space {
  margin-top: 4em;
}

.liquid {
  height: 100%;
}

.main-logo {
  display: inline-block;
  width: 6em;
  height: 6em;
  text-decoration: none !important;
  background: #8b8989;
  background-size: 6em auto;
}

.menu-nav {
  background-color: #4f4f4f;
}

.menu-nav .navbar {
  margin-bottom: 0;
  background: #4f4f4f;
  border: none;
}

.menu-nav .navbar-collapse {
  padding: 0;
}

.menu-nav .navbar a.active,
.menu-nav .navbar a.active:focus,
.menu-nav .navbar a.active:hover {
  background: rgba(255, 255, 255, 0.2);
  cursor: default;
}

.container-center {
  padding-top: 2em;
  padding-bottom: 2em;
}

.main-navbar {
  border: 0;
  margin: 10px 0;
  font-size: 18px;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover {
  color: #9d9d9d;
}

.page-main-header {
  padding: 1.2em 0;
}

.auth-block-container .close {
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 0;
  z-index: 1;
}

.login-options-separator {
  display: block;
  position: relative;
  text-align: center;
  margin: 2em 0 2em;
}

.login-options-separator:before,
.login-options-separator:after {
  content: "";
  display: block;
  width: 42%;
  position: absolute;
  top: 0.7em;
  border-top: 1px solid #ddd;
}

.login-options-separator:before {
  left: 0;
}

.login-options-separator:after {
  right: 0;
}

.signup-progress {
  margin: auto;
  padding: 1em 0;
  text-align: left;
}

.signup-progress .signup-step {
  display: inline-block;
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 4px solid #f8f8fa;
  background: #eee;
  line-height: 2.6em;
  text-align: center;
  color: #999;
  position: relative;
  z-index: 1;
}

.signup-progress .signup-space {
  display: inline-block;
  width: 34.5%;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 4px solid #eee;
  margin: 1.35em 0 0;
  vertical-align: top;
}

.signup-progress .signup-step.completed {
  background: #1874cd;
  color: #fff;
}

.signup-step-container {
  display: inline-block;
  width: 10%;
  text-align: center;
}

.invalid {
  border-color: #d2260c;
}

.validation {
  position: absolute;
  background: #d2260c;
  border-radius: 2px;
  border: 1px solid #d2260c;
  top: -1.6em;
  line-height: 1.6em;
  z-index: 2;
  color: #fff;
  padding: 0 0.7em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}

.freetype-hint {
  opacity: 0;
  position: absolute;
  top: 2em;
  left: 0.8em;
  right: 0.8em;
  z-index: 1;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 0;
  overflow-y: auto;
  border-radius: 2px;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.5);
  -webkit-transition: max-height 0.1s linear, opacity 0.1s linear;
  transition: max-height 0.1s linear, opacity 0.1s linear;
}

input:focus ~ .freetype-hint {
  opacity: 1;
  max-height: 162px;
}

.freetype-hint.closed,
.freetype-hint.empty {
  display: none !important;
}

.freetype-hint li {
  cursor: pointer;
  padding: 0 0.7em;
  line-height: 1.7em;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
}

.freetype-hint li:nth-child(even) {
  background: #eee;
}

.freetype-hint li:hover {
  background: #ddd;
}

.freetype-hint li.active {
  background-color: #ccc;
}

.withdraw-amount {
  text-align: right;
  font-size: 1.6em;
  height: 1.6em;
  width: 100%;
}

.notifications-area .alert-message {
  max-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: max-height 0.2s 0.25s ease-in-out;
}

.notifications-area .alert:hover .alert-message {
  max-height: 30em;
  white-space: normal;
}

.save-or-cancel-panel {
  padding: 0.5em 0;
  text-align: right;
}

.save-or-cancel-panel > .btn:first-child {
  margin-right: 0.3em;
}

/*text*/

.loading-progress {
  font-size: 2em;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader-animation 2s infinite ease;
  animation: loader-animation 2s infinite ease;
}

.container > .loading-progress {
  font-size: 4em;
  margin: 1em auto;
}

@-webkit-keyframes loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }

  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }

  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.087em -0.825em 0 -0.42em #00a1d9,
      -0.173em -0.812em 0 -0.44em #00a1d9, -0.256em -0.789em 0 -0.46em #00a1d9,
      -0.297em -0.775em 0 -0.477em #00a1d9;
  }

  20% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.338em -0.758em 0 -0.42em #00a1d9,
      -0.555em -0.617em 0 -0.44em #00a1d9, -0.671em -0.488em 0 -0.46em #00a1d9,
      -0.749em -0.34em 0 -0.477em #00a1d9;
  }

  38% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.377em -0.74em 0 -0.42em #00a1d9,
      -0.645em -0.522em 0 -0.44em #00a1d9, -0.775em -0.297em 0 -0.46em #00a1d9,
      -0.82em -0.09em 0 -0.477em #00a1d9;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }
}

@keyframes loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }

  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }

  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.087em -0.825em 0 -0.42em #00a1d9,
      -0.173em -0.812em 0 -0.44em #00a1d9, -0.256em -0.789em 0 -0.46em #00a1d9,
      -0.297em -0.775em 0 -0.477em #00a1d9;
  }

  20% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.338em -0.758em 0 -0.42em #00a1d9,
      -0.555em -0.617em 0 -0.44em #00a1d9, -0.671em -0.488em 0 -0.46em #00a1d9,
      -0.749em -0.34em 0 -0.477em #00a1d9;
  }

  38% {
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, -0.377em -0.74em 0 -0.42em #00a1d9,
      -0.645em -0.522em 0 -0.44em #00a1d9, -0.775em -0.297em 0 -0.46em #00a1d9,
      -0.82em -0.09em 0 -0.477em #00a1d9;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #00a1d9, 0 -0.83em 0 -0.42em #00a1d9,
      0 -0.83em 0 -0.44em #00a1d9, 0 -0.83em 0 -0.46em #00a1d9,
      0 -0.83em 0 -0.477em #00a1d9;
  }
}

/*main_page*/
.text-red {
  color: #1874cd;
}

.promo-texts {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.promo-texts {
  word-break: break-word;
}

.promo .btn-promo-register {
  background: #1874cd;
  font-size: 26px;
  padding: 13px 80px;
  margin: 165px 0px 70px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 0;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

a.btn-promo-register {
  color: #fff;
}

.promo .btn-promo-register:hover {
  color: #fff;
  background: #409be6;
}

.promo {
  background: #b5b5b5;
  min-height: 400px;
}

.alert-warning {
  cursor: pointer;
  color: #363636;
  background-color: #b5b5b5;
  border-color: #b5b5b5;
}

.container-lang-login {
  text-align: right;
}

/*language block*/
.lang-items {
  display: none;
  position: absolute;
  top: 2em;
  left: 0.2em;
  text-align: left;
  background-color: #fff;
  padding: 0.4em;
  border: 1px solid #ddd;
  border-radius: 2px;
  z-index: 1;
  box-shadow: 1px 2px 5px -1px rgba(0, 0, 0, 0.2);
}

.lang-block,
.login-block {
  display: inline-block;
}

.login-block {
  display: inline-block;
  padding-right: 2rem;
}

.lang-block:hover .lang-items {
  display: block;
}

.lang-items .lang-item {
  display: block;
}

.lang-items .selected {
  color: #ccc;
}

.table-header /*GO, for tables*/ {
  font-weight: 800;
  font-size: 20px;
}

/*modal box*/
.modal-header {
  border-radius: 6px;
}

.modal-header.modal-error {
  background-color: #ffaeae;
  border-radius: 6px 6px 0 0;
}

.modal-header.modal-warning {
  color: #363636;
  background-color: #b5b5b5;
  border-color: #b5b5b5;
}

.modal-header.modal-confirm {
  color: #363636;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.text-warning {
  color: #363636;
}

.modal-body textarea {
  resize: vertical;
}

.feedbackheader {
  display: inline;
}

.progress {
  position: relative;
}

.progress-Text-Status {
  color: #333;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  position: absolute;
}

.item-date {
  color: #ccc;
  font-size: 0.85em;
  padding-left: 0.5em;
  transition: color 0.3s;
}

.item-date:hover {
  color: inherit;
}

.item-date:before {
  content: "(";
}

.item-date:after {
  content: ")";
}

.btn-finished {
  background-color: #1874cd;
  border-color: #1874cd;
  outline: none !important;
  color: #fff;
}

.btn.btn-finished:hover,
.btn.btn-finished:active,
.btn.btn-finished:focus {
  background-color: #409be6;
  border-color: #409be6;
  color: #fff;
}

.btn-disabled {
  background-color: #f4f4f4;
  color: #ccc;
  border-color: #ccc;
  outline: none;
}

.btn.btn-disabled:hover,
.btn.btn-disabled:active,
.btn.btn-disabled:focus {
  color: #ccc;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.feedback textarea {
  resize: vertical;
}

.status-input-unconfirmed,
.status-input-confirmed {
  width: 22px;
  height: 22px;
  background-size: cover;
}

.status-input-unconfirmed {
  background-image: url(img/prohibition21.svg);
}

.status-input-confirmed {
  background-image: url(img/checkmark21.svg);
}

.inplace-editor {
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 7px;
}

td > .inplace-editor {
  margin: 0;
}

.form-horizontal .inplace-editor {
}

.inplace-editor .placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.inplace-editor:hover .placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.inplace-editor.editor-text:after,
.inplace-editor.editor-select .caret {
  color: rgba(0, 0, 0, 0.4);
}

.inplace-editor.editor-text:after {
  content: "\270f";
  padding-left: 0.5em;
  font-size: 0.7em;
  font-weight: 400;
  font-family: "Glyphicons Halflings";
  font-style: normal;
}

.inplace-editor.editor-text:hover:after,
.inplace-editor.editor-select:hover .caret {
  color: rgba(0, 0, 0, 0.6) !important;
}

.inplace-editor.editor-text:focus:after,
.inplace-editor.editor-select:focus .caret {
  color: rgba(0, 0, 0, 0.2);
}

.inplace-editor.editor-select {
}

.inplace-editor.editor-select .caret {
}

.survey-collector-dashboard {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 1em;
  margin: 0.2em 0;
}

.table.withdrawals-list > tbody > tr > td {
  line-height: 1.8;
}

/**
   Classes for payment systems icons.
   todo. Should be in separate place (requires proper css-building)
*/

.payment-webmoney {
  background: url(img/CashoutProviders/EWallets/webmoney.svg) no-repeat;
  background-size: 6em;
  background-position: -4.2em;
}

.payment-mobile {
  background: url(img/CashoutProviders/phone-circle.svg) no-repeat;
  background-size: 1.8em;
  background-position: 0.2em;
}

.payment-card {
  background: url(img/credit70.png) no-repeat;
  background-size: 1.8em;
  background-position: 0.5em;
}

.logshort {
  padding-right: 0;
}

/*Чет я не уверен что эта штука хорошая практика*/
.no-padding {
  padding: 0;
}

/*bootsrap responsive text-align extensions - end */

.log-paginator-arrow {
  color: blue;
}

.log-paginator-arrow-disabled {
  color: grey;
}

.log-paginator-arrow:hover {
  font-weight: bold;
}

.fa-ok:before {
  content: "\f263";
}

.votes-circle {
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #d7d7d7;
  line-height: 2;
}

.votes-number {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  padding-left: 1em;
}

/**
* Подсветка конкретной строки в гриде.
  Стиль распространяется на все кендо гриды, но всем это не помешает.
*/
.k-grid table tr:hover td {
  background: #d9edf7;
  cursor: pointer;
}
.filter-input {
  height: 2.286em;
  padding: 0.429em 0.857em;
}
.margin-space {
  margin: 0 1em;
}
.container-batch {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
input[type="checkbox"].survey-checkbox {
  margin-right: 0.5em;
}
/*profile status reward*/
.reward-profiles-finished,
.reward-profiles-expired,
.reward-profiles-expired {
  background: url("/Content/img/checked20.svg") no-repeat 70px;
  background-size: 32px;
}
.table td.reward-profiles {
  padding-left: 70px;
}

/*common toggle
    Это надо выкинуть из общей цсски в более приличное место
*/
.react-toggle-track {
  background-color: #999999;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #737373;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #1c8022;
}

.react-toggle--checked .react-toggle-track {
  background-color: #2faa39;
}
span.simple-link {
  text-decoration: none;
}

span.underline-link {
  text-decoration: underline;
}

.underline-link--color {
  color: #1874cd;
}
a.simple-link {
  text-decoration: none;
}
a.underline-link {
  text-decoration: underline;
}

/*media queries*/
@media all and (max-width: 320px) {
  .survey-block {
    padding: 15px 0;
  }

  .radio-inline + .radio-inline {
    margin-left: 0;
  }

  .radio-inline {
    width: 100%;
  }
}

@media all and (max-width: 359px) {
  /*for all extra small portrait*/
  .xs-mobile-text {
    text-align: left;
    margin-top: 1em;
  }

  .promo .btn-promo-register {
    font-size: 16px;
  }

  h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 767px) {
  /*mobile*/
  .main-logo {
    /*resize logo*/
    width: 3em;
    height: 3em;
    background-size: 3em auto;
  }

  .promo .btn-promo-register {
    padding: 13px 20px;
    font-size: 20px;
  }

  .col-md-4.promo-block,
  .promo-text.promo-text--center,
  p.promo-block__link-container {
    text-align: left;
  }

  .col-md-4.promo-block:before {
    margin: 0;
    width: 100px;
  }

  .promo {
    min-height: 200px;
    background-size: cover;
  }

  .promo .btn-promo-register {
    margin: 100px 0px 70px 0;
  }

  .col-md-4.promo-block {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 4rem;

    padding: 2rem;
  }

  .col-md-4.promo-block:first-child:before,
  .col-md-4.promo-block:nth-child(2):before,
  .col-md-4.promo-block:nth-child(3):before {
    background-size: 80px;
  }

  .lead.text-center {
    text-align: left;
  }

  .item-date {
    display: block; /*profiles->status->date*/
    padding-left: 0;
  }

  .btn-lg,
  .btn-group-lg > .btn {
    padding: 10px 10px;
  }

  h3.slogan-h {
    font-size: 1.2em;
    margin-top: 0px;
  }

  .login-block {
    margin-bottom: 1em;
    padding-right: 0;
  }

  .block-login {
    /*enter on mobile on signup_page*/
    text-align: left;
  }

  .lang-block,
  .login-block {
    display: block;
  }

  /*no more tables*/
  .no-more-tables {
    display: block;
  }

  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .no-more-tables td {
    /* Behave  like a "row" */
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left;
  }

  .no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: normal;
    text-align: left;
    font-weight: bold;
  }

  .no-more-tables td:before {
    content: attr(data-title);
  }

  .no-on-mobile {
    /*Request type name/img */
    display: none;
  }

  .validation {
    min-height: 2em;
    line-height: 1.5em;
  }

  .table.withdrawals-list > tbody > tr > td {
    line-height: 1.42857143;
  }

  .reward-profiles,
  .reward-profiles-finished,
  .reward-profiles-expired,
  .reward-profiles-expired {
    display: none;
  }

  body,
  input,
  textarea,
  button,
  select {
    font-size: 16px;
  }

  .navbar-nav {
    margin: 7.5px 0;
  }

  .links-block {
    margin-bottom: 2rem;
  }
  h2 {
    font-size: 2em;
  }
  .space {
    margin-top: 1em;
  }
  .content-wrapper > .container {
    padding-bottom: 0.5em;
  }
  .container-center {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (max-width: 1023px) {
  /*mobile*/
  .links-list-item:before {
    display: none;
  }

  .footer-right-column {
    width: 100%;
    margin-bottom: 2rem;
    text-align: right;
  }

  .footer ul li.links-list-item {
    line-height: 3.5rem;
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /*tablet*/
  .footer-right-column {
    width: 80%;
  }
}

.std-grid-appear {
  opacity: 0.01;
  transform: translateZ(0);
}

.std-grid-appear.std-grid-appear-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.std-grid-enter {
  opacity: 0.01;
  transform: translateZ(0);
}

.std-grid-enter.std-grid-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.std-grid-leave {
  opacity: 1;
}

.std-grid-leave.std-grid-leave-active {
  opacity: 0.01;
  transition: opacity 50ms linear;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .col-md-4.promo-block {
    padding-top: 3rem;
  }
}

/*bootsrap responsive text-align extensions - begin */

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}

@media (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }

  .text-left-xs {
    text-align: left;
  }

  .text-center-xs {
    text-align: center;
  }

  .text-right-xs {
    text-align: right;
  }

  .text-justify-xs {
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }

  .text-left-sm {
    text-align: left;
  }

  .text-center-sm {
    text-align: center;
  }

  .text-right-sm {
    text-align: right;
  }

  .text-justify-sm {
    text-align: justify;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }

  .text-left-md {
    text-align: left;
  }

  .text-center-md {
    text-align: center;
  }

  .text-right-md {
    text-align: right;
  }

  .text-justify-md {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }

  .text-left-lg {
    text-align: left;
  }

  .text-center-lg {
    text-align: center;
  }

  .text-right-lg {
    text-align: right;
  }

  .text-justify-lg {
    text-align: justify;
  }
}

/**
  быстрые и грязные стили для элемента рекаптчи
*/

.recaptcha-header {
  margin-bottom: 20px;
}

.quota-description {
  color: #ccc;
  font-size: 0.85em;
  transition: color 0.3s;
}

.quota-description:hover {
  color: inherit;
}
/*новая цветовая схема*/
/*.btn.btn-success, .btn.btn-danger, .btn-primary {
    color: #1c313a;
   background-color: white;
   border-color: #74ad8d;
   border: 2px solid #74ad8d;
   text-transform: uppercase;
   font-weight: 600;
}
.btn.btn-success:hover, .btn.btn-danger:hover, .btn-primary:hover,
.btn.btn-success:active, .btn.btn-danger:active, .btn-primary:active,
.btn.btn-success:focus, .btn.btn-danger:focus, .btn-primary:focus {
    color: #fff;
   background-color: #467d60;
   border-color: #74ad8d;
}
.btn-default {
    text-transform: uppercase;
    font-weight: 600;
    color: #8d9da4;
}
.admin-footer {
    background: #718792;
    color: #ffffff;
}
.admin-footer__copyright {
    font-size: 12px;
    color: #000000;
}
*/