a {
  color: var(--btn-link);
}

a:hover, a:focus {
  color: var(--btn-link-hover);
}

.site-navbar {
  background-color: var(--bg);
}

.btn-primary, .btn-dark {
  background-color: var(--btn);
  border-color: var(--btn);
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.disabled,
.btn-dark.focus, .btn-dark:focus, .btn-dark:hover, .btn-dark.disabled {
  background-color: var(--btn-hover);
  border-color: var(--btn-hover);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: var(--btn);
  border-color: transparent;
  border-bottom-color: var(--btn);
}

.form-control.focus, .form-control:focus {
  border-color: var(--btn-hover);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--btn);
  border-color: var(--btn);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--btn-hover);
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-color: var(--btn);
  border-color: var(--btn);
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover:active:hover,
.datepicker table tr td.active.disabled:active:hover,
.datepicker table tr td.active.disabled:hover:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:hover.active:hover,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:hover:active:focus,
.datepicker table tr td.active.disabled:active:focus,
.datepicker table tr td.active.disabled:hover:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active:hover.active:focus,
.datepicker table tr td.active.disabled.active:focus,
.datepicker table tr td.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:hover:active.focus,
.datepicker table tr td.active.disabled:active.focus,
.datepicker table tr td.active.disabled:hover:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active:hover.active.focus,
.datepicker table tr td.active.disabled.active.focus,
.datepicker table tr td.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus {
  background-color: var(--btn-hover);
  border-color: var(--btn);
}

.breadcrumb > li + li:before {
  color: var(--btn);
}

.chat-content {
  background-color: var(--btn-hover);
  word-break: break-word;
}

.chat-content::before {
  border-left-color: var(--btn-hover);
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  background-color: var(--btn);
}

.step.current {
  background-color: var(--btn);
}

.step.current .step-number {
  color: var(--btn);
}

.btn-outline.btn-primary {
  color: var(--btn);
}

.btn-outline.btn-primary {
  color: var(--btn);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--btn-hover);
  border-color: var(--btn-hover);
  color: white;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: var(--btn);
  border-color: var(--btn);
}

.btn-outline.btn-primary:hover,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:active,
.btn-outline.btn-primary.active,
.open > .dropdown-toggle.btn-outline.btn-primary {
  background-color: var(--btn-hover);
  border-color: var(--btn-hover);
  color: white;
}

.checkbox-default input[type="checkbox"]:checked + label::after,
.checkbox-default input[type="radio"]:checked + label::after {
  color: var(--btn);
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: var(--btn);
  border-color: var(--btn);
}

.radio-default input[type="radio"]:checked + label::after {
  border-color: var(--btn);
}

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--btn);
}

.webmaster-message {
  margin: 16px 30px -14px 30px;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

/** primary colors **/
.webmaster-message.primary {
  background: #D1D9F9;
  border: 1px solid #6983F4;
}
.webmaster-message.primary > .webmaster-message-button a {
  border: none;
  background: #2B50F1;
}
.webmaster-message.primary > .webmaster-message-button a:hover {
  background: #072CCC;
}
.webmaster-message.primary > .webmaster-message-close {
  fill: #2B50F1;
}
.webmaster-message.primary > .webmaster-message-close svg, .webmaster-message.primary > .webmaster-message-close path {
  fill: #2B50F1;
}
.webmaster-message.primary > .webmaster-message-close:hover svg, .webmaster-message.primary > .webmaster-message-close:hover path {
  fill: #072CCC;
}

/** danger colors **/
.webmaster-message.danger {
  background: #FBDCE4;
  border: 1px solid #F12B66;
}
.webmaster-message.danger > .webmaster-message-button a {
  border: none;
  background-color: #F12B66;
}
.webmaster-message.danger > .webmaster-message-button a:hover {
  background-color: #AE0034;
}
.webmaster-message.danger > .webmaster-message-close {
  fill: #F12B66;
}
.webmaster-message.danger > .webmaster-message-close svg, .webmaster-message.danger > .webmaster-message-close path {
  fill: #F12B66;
}
.webmaster-message.danger > .webmaster-message-close:hover svg, .webmaster-message.danger > .webmaster-message-close:hover path {
  fill: #AE0034;
}

/** warning colors **/
.webmaster-message.warning {
  background: #FAFBDC;
  border: 1px solid #EAAA06;
}
.webmaster-message.warning > .webmaster-message-button a {
  border: none;
  background-color: #EAAA06;
}
.webmaster-message.warning > .webmaster-message-button a:hover {
  background-color: #E07A03;
}
.webmaster-message.warning > .webmaster-message-close {
  fill: #EAAA06;
}
.webmaster-message.warning > .webmaster-message-close svg, .webmaster-message.warning > .webmaster-message-close path {
  fill: #EAAA06;
}
.webmaster-message.warning > .webmaster-message-close:hover svg, .webmaster-message.warning > .webmaster-message-close:hover path {
  fill: #E07A03;
}

/** success colors **/
.webmaster-message.success {
  background: #DCFBE5;
  border: 1px solid #10A543;
}
.webmaster-message.success > .webmaster-message-button a {
  border: none;
  background-color: #10A543;
}
.webmaster-message.success > .webmaster-message-button a:hover {
  background-color: #04782C;
}
.webmaster-message.success > .webmaster-message-close {
  fill: #10A543;
}
.webmaster-message.success > .webmaster-message-close svg, .webmaster-message.success > .webmaster-message-close path {
  fill: #10A543;
}
.webmaster-message.success > .webmaster-message-close:hover svg, .webmaster-message.success > .webmaster-message-close:hover path {
  fill: #04782C;
}

.webmaster-message > .webmaster-message-text {
  color: #2F3C44;
  text-align: left;
  line-height: 16px;
  font-weight: 400;
  padding-left: 8px;
}

.webmaster-message > .webmaster-message-button a {
  margin: 0 80px;
  line-height: 18px;
  white-space: nowrap;
}

.webmaster-message > .webmaster-message-close {
  position: absolute;
  right: 16px;
  height: 16px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .webmaster-message > .webmaster-message-button a {
    white-space: normal;
    overflow-wrap: break-word;
  }
}

@media screen and (max-width: 767px) {
  .webmaster-message {
    margin: 0 0 10px 0;
    flex-direction: column;
  }
  .webmaster-message > .webmaster-message-button {
    margin-top: 8px;
  }
  .webmaster-message > .webmaster-message-text {
    margin-right: 16px;
  }
  .webmaster-message > .webmaster-message-button a {
    margin: 0;
  }
}

.nav .header-balance > * {
  background: linear-gradient(180deg, var(--btn) 0%, var(--btn-hover) 100%);;
}

.nav .header-balance span.balance-tooltip {
  padding: 0;
  border: none;
  color: black;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  border-left: 3px solid var(--btn);
}

.select2-container--default.select2-container--open .select2-selection, .select2-container--default .select2-dropdown {
  border-color: var(--btn-hover)!important;
}

.can-toggle label .can-toggle__switch:after{
  background-color: var(--btn);
}
.can-toggle input[type="checkbox"]:checked ~ label:hover {
  color: var(--btn-hover);
}
.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  background-color: var(--btn-hover);
}

.can-toggle input[type="checkbox"]:not(:checked):hover ~ label .can-toggle__switch:after {
  background-color: var(--btn-hover);
}

@media screen and (max-width: 768px) {
  .page {
    padding-top: 10px !important;
    overflow-x: hidden;
  }
}