:root {
    --main-btn-color: #006BD6;
    --focus-btn-color: #014A93;
    --hover-btn-color: #006BD6;
}

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

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

.btn-primary.btn-outline,.btn-primary.btn-outline.disabled,.btn-primary.btn-outline.disabled:active,.btn-primary.btn-outline.disabled:hover,.btn-primary.btn-outline:disabled,.btn-primary.btn-outline:disabled:hover {
    background: var(--main-btn-color);
    border: 1px solid var(--main-btn-color);
}

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

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

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


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

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

.progress-bar {
    background-color: var(--main-btn-color);
}

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

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

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

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

.navbar-misago .btn-register,.navbar-misago .btn-register.disabled,.navbar-misago .btn-register.disabled:active,.navbar-misago .btn-register.disabled:hover,.navbar-misago .btn-register:disabled,.navbar-misago .btn-register:disabled:hover {
    background: var(--main-btn-color);
    border-color: var(--main-btn-color);
}

.navbar-misago .btn-register:focus,.navbar-misago .btn-register:hover {
    background: var(--focus-btn-color);
    border-color: var(--focus-btn-color);
}

.page-header .btn-outline.btn-primary,.page-header .btn-outline.btn-primary.disabled,.page-header .btn-outline.btn-primary.disabled:active,.page-header .btn-outline.btn-primary.disabled:hover,.page-header .btn-outline.btn-primary:disabled,.page-header .btn-outline.btn-primary:disabled:hover {
    background: var(--main-btn-color);
    border: 1px solid var(--main-btn-color);
}

.page-header .btn-outline.btn-primary:focus, .page-header .btn-outline.btn-primary:hover{
    background: var(--hover-btn-color);
    border: 1px solid var(--hover-btn-color);
}

.dropdown.open .navbar-misago .btn-register,.dropdown.open .navbar-misago .btn-register:active:focus,.dropdown.open .navbar-misago .btn-register:focus,.dropdown.open .navbar-misago .btn-register:hover,.navbar-misago .btn-register:active,.navbar-misago .btn-register:active:focus {
    background: var(--focus-btn-color);
    border-color: var(--focus-btn-color);
}

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

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

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

.dropdown.open .navbar-misago .btn-register,.dropdown.open .navbar-misago .btn-register:active:focus,.dropdown.open .navbar-misago .btn-register:focus,.dropdown.open .navbar-misago .btn-register:hover,.navbar-misago .btn-register:active,.navbar-misago .btn-register:active:focus {
    background: var(--focus-btn-color);
    border-color: var(--focus-btn-color);
}

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

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

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

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

.threads-diff-message .btn,.threads-diff-message .btn.disabled,.threads-diff-message .btn.disabled:active,.threads-diff-message .btn.disabled:hover,.threads-diff-message .btn:disabled,.threads-diff-message .btn:disabled:hover {
    background: var(--main-btn-color);
    border: var(--main-btn-color);
}

.threads-diff-message .btn:focus,.threads-diff-message .btn:hover {
    background: var(--hover-btn-color);
    border: 1px solid var(--hover-btn-color);
}

.page-header-bg {
    background: url('https://forum-powerdot.herokuapp.com/static/misago/img/header-bg.png') no-repeat, linear-gradient(109deg, rgba(0,0,0,1) 0%, rgba(86,74,67,1) 100%);
    background-position-x: 100%;
}

@media (min-width:200px) {
  .page-header-bg {
    background: url('https://forum-powerdot.herokuapp.com/static/misago/img/header-bg-768.png') no-repeat, linear-gradient(109deg, rgba(0,0,0,1) 0%, rgba(86,74,67,1) 100%);
    background-position-x: 100%;
  }
}

@media (min-width: 490px) {
  .page-header-bg {
    background: url('https://forum-powerdot.herokuapp.com/static/misago/img/header-bg-768.png') no-repeat, linear-gradient(109deg, rgba(0,0,0,1) 0%, rgba(86,74,67,1) 100%);
    background-position-x: 100%;
  }
}

@media (min-width: 991px) {
    .page-header-bg {
        background: url('https://forum-powerdot.herokuapp.com/static/misago/img/header-bg.png') no-repeat, linear-gradient(109deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
        background-position-x: 100%;
        height: 200px;
        background-position-y: -39px;
    }
}

.page-header h1 {
    color: white;
}

.page-header .page-tabs li a:focus,.page-header .page-tabs li a:hover {
    color: white;
}


.page-header .page-tabs li a:focus,.page-header .page-tabs li a:hover {
    color: white;
}

.header-stats,.header-stats li a,.header-stats li a:link,.header-stats li a:visited {
    color: white;
}

.header-stats li a:active,.header-stats li a:focus,.header-stats li a:hover {
    color: white;
}

.header-stats li .user-status.user-offline .status-icon,.page-header .go-back-sm,.page-header .go-back-sm:link,.page-header .go-back-sm:visited {
    color: white;
}

.page-header .go-back-sm:active,.page-header .go-back-sm:focus,.page-header .go-back-sm:hover {
    color: white;
}

.page-header .breadcrumb,.page-header .breadcrumb a,.page-header .breadcrumb a:active,.page-header .breadcrumb a:focus,.page-header .breadcrumb a:hover,.page-header .breadcrumb a:link,.page-header .breadcrumb a:visited,.page-header .breadcrumb li:before {
    color: white;
}


.page-header .page-tabs li a:focus,.page-header .page-tabs li a:hover {
    color: white;
}

.header-stats,.header-stats li a,.header-stats li a:link,.header-stats li a:visited {
    color: white;
}

.header-stats li a:active,.header-stats li a:focus,.header-stats li a:hover {
    color: white;
}

.header-stats li .user-status.user-offline .status-icon,.page-header .go-back-sm,.page-header .go-back-sm:link,.page-header .go-back-sm:visited {
    color: white;
}

.page-header .go-back-sm:active,.page-header .go-back-sm:focus,.page-header .go-back-sm:hover {
    color: white;
}

.page-header .breadcrumb,.page-header .breadcrumb a,.page-header .breadcrumb a:active,.page-header .breadcrumb a:focus,.page-header .breadcrumb a:hover,.page-header .breadcrumb a:link,.page-header .breadcrumb a:visited,.page-header .breadcrumb li:before {
    color: white;
}

.item-title {
    color: white;
}